网页中用JavaScript实现倒计时器

1、html文件：显示倒计时器，其中<script></script>内嵌的脚本用于向指定的html标签中插入时、分、秒值；

2、（1） 外部javascript文件countdown.js：实现倒计时器的主要功能。主要包括作为变量值的3个函数分别是：init（）【用于初始化考试时间】；setval（）【用于给timer.html中的时、分、秒标签赋值，数值不足两位时用0补齐；setp（）【用于计算每隔1000毫秒后，此时的时、分、秒的值】。

（2）countdown（）函数：通过每隔1000毫秒调用step（）函数实现一个动态的倒计时器。

3、（外部javascript文件countdown.js源码）

countdown = function(userOptions){    var h,m,s,t;    var init = function()    {        userOptions.time = userOptions.time*60 - userOptions.lefttime;        s = userOptions.time%60;        m = parseInt(userOptions.time%3600/60);        h = parseInt(userOptions.time/3600);    }    var setval = function()    {        if(s >= 10)        userOptions.sbox.innerHTML = s;        else        userOptions.sbox.innerHTML = '0'+s.toString();        if(m >= 10)        userOptions.mbox.innerHTML = m;        else        userOptions.mbox.innerHTML = '0'+ m;        if(h >= 10)        userOptions.hbox.innerHTML = h;        else        userOptions.hbox.innerHTML = '0'+ h;    }    var step = function()    {        if(s > 0)        {            s--;        }        else        {            if(m > 0)            {                m--;                s = 60;                s--;            }            else            {                if(h > 0)                {                    h--;                    m = 60;                    m--;                    s = 60;                    s--;                }                else                {                    clearInterval(interval);                    userOptions.finish();                    return ;                }            }        }        setval();    }    init();    interval = setInterval(step, 1000);};

4、最后网页页面中实现的倒计时器，抓屏效果如下：

5、到此为止一个简单的网页版倒计时器实现了，感谢大家给予点击，欢迎大家指出存在的问题；后续小编将持续推出一些网站开发的实战经验，敬请大家给予关注。