JavaScript实现简单的数字倒计时

前端之家收集整理的这篇文章主要介绍了JavaScript实现简单的数字倒计时前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

这里是一个JavaScript中显示倒计时的方法,从10一秒一秒地往下减直到计时结束(即0),代码如下:

0){ document.getElementById(‘shownum').innerHTML = t; t–; setTimeout(function(){runCount(t);},1000); }else{ document.getElementById(‘shownum').innerHTML = ‘倒计时结束!'; } }

  运行该js代码前,需要先添加一个id为shownum的div。

js实现动态倒计时功能 * a是从后台接收到的时间戳,需转换成毫秒单位

距明年还有: 小时

按天倒计时

HTML代码1:

= 0) ; document.write("
  • 现在离2006年"+times+"还有: "+time +"
  • "); // End -->

    HTML代码2:

    1)num=dni+1 else if (dni == 1)num=2 else if (dni == 0)num=1 else num=0 document.write(num) }

    距某某开幕式还有 [

    某某运动会,按时间提示不同的阶段

    HTML代码:

    按小时倒计时

    HTML代码:

    =0){ minutes = Math.floor(maxtime/60); seconds = Math.floor(maxtime%60); msg = "距离结束还有"+minutes+"分"+seconds+"秒"; document.all["timer"].innerHTML=msg; if(maxtime == 5*60) alert('注意,还有5分钟!'); --maxtime; } else{ clearInterval(timer); alert("时间到,结束!"); } } timer = setInterval("CountDown()",1000); //-->

    Javascript倒计时器 - 采用系统时间自校验

    这次利用系统时间自校验倒计时,无需手工调校使得倒计时更为精确,代码及详细注释如下:

    // 开始运行
    function run() {
    startB.disabled = true;
    endB.disabled = false;
    counter = 0;
    // 初始化开始时间
    startTime = new Date().valueOf();

    // nextelapse是定时时间,初始时为100毫秒
    // 注意setInterval函数: 时间逝去nextelapse(毫秒)后,onTimer才开始执行
    timer = window.setInterval("onTimer()",nextelapse);
    }

    // 停止运行
    function stop() {
    startB.disabled = false;
    endB.disabled = true;
    window.clearTimeout(timer);
    }

    window.onload = function() {
    endB.disabled = true;
    };

    // 倒计时函数
    function onTimer()
    {
    if (start == finish)
    {
    window.clearInterval(timer);
    alert("time is up!");
    return;
    }

    var hms = new String(start).split(":");
    var ms = new Number(hms[3]);
    var s = new Number(hms[2]);
    var m = new Number(hms[1]);
    var h = new Number(hms[0]);

    ms -= 10;
    if (ms < 0)
    {
    ms = 90;
    s -= 1;
    if (s < 0)
    {
    s = 59;
    m -= 1;
    }

    if (m < 0)
    {
    m = 59;
    h -= 1;
    }
    }

    var ms = ms < 10 ? ("0" + ms) : ms;
    var ss = s < 10 ? ("0" + s) : s;
    var sm = m < 10 ? ("0" + m) : m;
    var sh = h < 10 ? ("0" + h) : h;

    start = sh + ":" + sm + ":" + ss + ":" + ms;
    clock.innerText = start;

    // 清除上一次的定时器
    window.clearInterval(timer);

    // 自校验系统时间得到时间差,并由此得到下次所启动的新定时器的时间nextelapse
    counter++;
    var counterSecs = counter * 100;
    var elapseSecs = new Date().valueOf() - startTime;
    var diffSecs = counterSecs - elapseSecs;
    nextelapse = normalelapse + diffSecs;
    diff.value = counterSecs + "-" + elapseSecs + "=" + diffSecs;
    next.value = "nextelapse = " + nextelapse;
    if (nextelapse < 0) nextelapse = 0;

    // 启动新的定时器
    timer = window.setInterval("onTimer()",nextelapse);
    }

    以上所述就是本文的全部内容了,希望大家能够喜欢。

    原文链接:https://www.f2er.com/js/54282.html

    猜你在找的JavaScript相关文章