カウントダウンタイマーです
タグはこちら
「ありがとう」用
<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%;'> あと</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; }