カウントダウンタイマー

カウントダウンタイマーです

タグはこちら

「ありがとう」用

<script type="text/javascript" src="https://www.3scom.com/tools/thankyou_heisei.js"></script>

「さよなら」用

<script type="text/javascript" src="https://www.3scom.com/tools/sayonara_heisei.js"></script>

「thankyou_heisei.js」の中身です。
JKは苦手だけどJSもか苦手なので中身はゴリゴリです。
この前、家に帰ったら、知らないJKがいて居間で勉強していてビビった。

		var outtag = "";
		outtag += "<div style='display:block;border:2px #000 solid;padding:10px 10px 0 10px;border-radius:10px;width:650px;height:165px;line-height:100%;'>";
		outtag += "	<img src='https://www.3scom.com/tools/arigato.png' style='float:left;margin:15px 40px 0 10px;width:160px;height:auto;'>";
		outtag += "	<div id='countdown_value_tahkyou'></div>";
		outtag += "</div>";
		
		document.write(outtag);
		
		clock();

		setInterval(clock, 1000);

	
	function clock(){
		var tl = new Date('2019/04/01 00:00:00');
		var timer='';
		var today=new Date();
		var day=Math.floor((tl-today)/(24*60*60*1000));
		var hour=Math.floor(((tl-today)%(24*60*60*1000))/(60*60*1000));
		var min=Math.floor(((tl-today)%(24*60*60*1000))/(60*1000))%60;
		var sec=Math.floor(((tl-today)%(24*60*60*1000))/1000)%60%60;

		var outtext = "";
	
		if( day > 0 ){
			outtext = "	<p style='font-size:30px;margin:0;padding:0;line-height:150%;'>平成31年4月1日0時まで</p>";
			outtext += "<p style='font-size:25px;margin:0;padding:0;line-height:120%;'>&nbsp;&nbsp;あと</p>";
			outtext += "<p style='font-size:60px;margin:0;padding:0;color:#f00;line-height:130%;'>";
			outtext += day + '<span style="font-size:25px;color:#000;">日</span>';
			outtext += hour + '<span style="font-size:25px;color:#000;">時間</span>';
			outtext += min + '<span style="font-size:25px;color:#000;">分</span>';
			outtext += sec + '<span style="font-size:25px;color:#000;">秒</span></p>';
		}else{
			outtext = "<p style='font-size:40px; padding:0;'>新元号年も<br>良い年に<br>なりますように！</p>";
		}
		document.getElementById("countdown_value_tahkyou").innerHTML = outtext;
	}