倒計時

html結構層


<span id="t_d"></span><span id="t_h"></span><span id="t_m"></span>? ? ? ? <span id="t_s"></span>


(1)指定日期的倒計時

js結構層


//每次刷新都是1分鐘的倒計時,

var t=3600000;

function GetTime(){

t - = 1000;

var m=0,s=0;

if( t > = 0){

m=Math.floor(t/1000/60%60);//總分鐘對60取余

s=Math.floor(t/1000%60);//不足1分鐘對60取余

}

document.getElementById("t_m").innerHtml=m+":";

document.getElementById("t_s").innerHtml=s;

}

setInterval(GetTime,1000)


(2)指定分鐘或者秒的倒計時


js行為層

function GetTime(){

var EndTime=new Data('2017/10/01/? ? 00:00:00');//創(chuàng)建指定的時間

var NowTime=new Data();//獲取現(xiàn)在時間

var t=EndTime -NowTime;//兩者相間隔的毫秒數(shù)

var? d=0,h=0, m=0,s=0;

if( t > = 0){

d=Math.floor(t/1000/60/60/24);//天數(shù)

h=Math.floor(t/1000/60/60%24);//小時

m=Math.floor(t/1000/60%60);//分鐘

s=Math.floor(t/1000%60);//秒數(shù)

}

document.getElementById("t_d").innerHtml=d+":";

document.getElementById("t_h").innerHtml=h+":";

document.getElementById("t_m").innerHtml=m+":";

document.getElementById("t_s").innerHtml=s;

}

setInterval(GetTime,1000)


最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容