倒计时

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');//创建指定的时间

var NowTime=new Data();//获取现在时间

var t=EndTime -NowTime;//两者相间隔的毫秒数

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

if( t > = 0){

d=Math.floor(t/1000/60/60/24);//天数

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

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

s=Math.floor(t/1000%60);//秒数

}

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)


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容