Javascriptでカウントダウンを実現します.
3759 ワード
Javascript
Title
<span style="color:#0000ff;">var</span> div=document.getElementsByClassName("time1")[0<span style="color:#000000;">];
</span><span style="color:#008000;">//</span><span style="color:#008000;"> </span>
setInterval(fn,1<span style="color:#000000;">);
</span><span style="color:#008000;">//</span><span style="color:#008000;"> ， </span>
<span style="color:#0000ff;">function</span><span style="color:#000000;"> fn() {
</span><span style="color:#008000;">//</span><span style="color:#008000;">1. ， </span>
<span style="color:#0000ff;">var</span> futureTime=<span style="color:#0000ff;">new</span> Date("2018/09/08 01:00:00"<span style="color:#000000;">);
</span><span style="color:#0000ff;">var</span> nowTime=<span style="color:#0000ff;">new</span><span style="color:#000000;"> Date();
</span><span style="color:#008000;">//</span><span style="color:#008000;"> （ ）= - </span>
<span style="color:#0000ff;">var</span> sumMS=futureTime.getTime()-<span style="color:#000000;">nowTime.getTime();
</span><span style="color:#008000;">//</span><span style="color:#008000;">2. ： </span>
<span style="color:#0000ff;">var</span> day=parseInt(sumMS/1000/60/60/24<span style="color:#000000;">);
</span><span style="color:#0000ff;">var</span> hour=parseInt(sumMS/1000/60/60%24);
<span style="color:#0000ff;">var</span> minute=parseInt(sumMS/1000/60%60<span style="color:#000000;">);
</span><span style="color:#0000ff;">var</span> second=parseInt(sumMS/1000%60);
<span style="color:#0000ff;">var</span> ms=parseInt(sumMS%1000<span style="color:#000000;">);
day</span>=day<10?"0"+<span style="color:#000000;">day:day;
minute</span>=minute<10?"0"+<span style="color:#000000;">minute:minute;
hour</span>=hour<10?"0"+<span style="color:#000000;">hour:hour;
second</span>=second<10?"0"+<span style="color:#000000;">second:second;
</span><span style="color:#0000ff;">if</span>(ms<10<span style="color:#000000;">){
ms</span>="00"+<span style="color:#000000;">ms;
}</span><span style="color:#0000ff;">else</span> <span style="color:#0000ff;">if</span> (ms<100<span style="color:#000000;">){
ms</span>="0"+<span style="color:#000000;">ms;
}
</span><span style="color:#008000;">//</span><span style="color:#008000;">3. div innerHTML</span>
div.innerHTML=" ："+day+" "+hour+" "+minute+" "+second+" "+ms+" "<span style="color:#000000;">
}
</span>
転載先:https://www.cnblogs.com/knighterrant/p/9483982.html