js之網頁倒計時效果
阿新 • • 發佈:2017-06-29
int utf char fur nts elements 兩個 計算 當前
<!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之網頁倒計時效果