倒计时

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)

    原文作者:痛心凉
    原文地址: https://www.jianshu.com/p/07a5508edc4a
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞