https://loozer.net/timer.js

1/*
2	タイマー
3	ページ内にdata-display-timer属性を設定すると設定時間に応じて表示を切り替える
4	data-timer-start: 開始日時（yyyy/mm/dd-hh:mm形式、省略可、デフォルト: 2000/01/01-00:00）
5	data-timer-end: 終了日時（yyyy/mm/dd-hh:mm形式）
6*/
7function time_formatter(str_time) {
8	// yyyy/mm/dd-hh:mmで指定された日時をDateオブジェクトに変換する
9	let parts = str_time.split('-');
10	let dateParts = parts[0].split('/');
11	let timeParts = parts[1].split(':');
12	return new Date(
13		parseInt(dateParts[0], 10),
14		parseInt(dateParts[1], 10) - 1,
15		parseInt(dateParts[2], 10),
16		parseInt(timeParts[0], 10),
17		parseInt(timeParts[1], 10)
18	);
19}
20
21$(function(){
22	const now = new Date();
23	$('[data-display-timer="true"]').each(function(){
24		
25		let start = $(this).attr('data-timer-start') || '2000/01/01-00:00';
26		let end = $(this).attr('data-timer-end');
27		if (!end) return;
28		
29		let startDate = time_formatter(start);
30		let endDate = time_formatter(end);
31		if (now >= startDate && now <= endDate) {
32			$(this).show();
33		} else {
34			$(this).hide();
35		}
36	});
37});