倒计时

作者: 痛心凉 | 来源:发表于2017-09-21 08:04 被阅读28次

    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.haomeiwen.com/subject/cbaasxtx.html