標籤：back innerhtml htm 定時 定時器 blog elements oct load
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript"> window.onload=function(){ //倒計時函數 function djs(){ var fur_time=new Date(2017,5,30,10,30,0); //設定時間2017年5月30日 //建立目前時間 var now_time=new Date(); //計算兩個日期之間的時間差 var diff=fur_time.getTime()-now_time.getTime(); //alert(diff); var tian=parseInt(diff/(24*60*60*1000));//計算剩餘多少天 //獲得計算完天數後還剩餘的毫秒數 diff=diff%(24*60*60*1000); //計算時數 var xiaoshi=parseInt(diff/(60*60*1000)); //計算完小時後剩餘的毫秒數 diff=diff%(60*60*1000); //獲得分鐘數 var fenzhong=parseInt(diff/(60*1000)); //計算完分鐘數後 的毫秒數 diff=diff%(60*1000); //計算秒 var miao=parseInt(diff/1000); //document.write(‘剩餘時間還有‘+tian+‘天‘+xiaoshi+‘小時‘+fenzhong+‘分鐘‘+miao+‘秒‘); var ss=document.getElementById(‘time‘).getElementsByTagName(‘span‘); ss[0].innerHTML=tian; ss[1].innerHTML=xiaoshi; ss[2].innerHTML=fenzhong; ss[3].innerHTML=miao; } djs(); //用來倒計時的定時器 setInterval(djs,1000); } </script> <body> <h2 id="time">剩餘時間還有<span>0</span>天<span>0</span>小時<span>0</span>分<span>0</span>秒</h2> </body></html>
js之網頁倒計時效果
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
