【javascript学习指南】Javascript倒计时常用代码大全

时间：2018-04-06 来源：常用代码阅读：

1.世界末日倒计时

代码如下

2.小时倒计时，可用于在线考试

代码如下

3.简单倒计时（仅显示天数）

代码如下 <script Language="JavaScript">
    var timedate = new Date("January 14,2013");
    var times = "研究生考试";
    var now = new Date();
    var date = timedate.getTime() - now.getTime();
    var time = Math.floor(date / (1000 * 60 * 60 * 24));
    if (time >= 0) ;
    document.write("现在离2013年" + times + "还有: " + time + " 天");
</script>

4.复杂版倒计时，带毫秒

代码如下

距某某开幕式还有 [
<script language="JavaScript" type="text/javascript">djs()</script>] 天

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

代码如下

00:01:11:00

<script language="Javascript">
       var normalelapse = 100;
    var nextelapse = normalelapse;
    var counter;
    var startTime;
    var start = clock.innerText;
    var finish = "00:00:00:00";
    var timer = null;

    // 开始运行
    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);
    }
</script>

【javascript学习指南】Javascript倒计时常用代码大全

http://m.bbyears.com/css/40475.html

推荐访问:

上一篇：【javascript学习指南】JavaScript 表单验证常用代码

下一篇：【javascript学习指南】JavaScript正则表达式常用代码整理