javasScript实现倒计时

2015/11/25 16591

这个功能是完全利用javascript实现的一个小功能

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
    window.onload = Watch;//页面加载时调用Watch()函数
    function Watch() {
        var span = document.createElement("sapn");
        span.innerHTML = "120:00";
        var s = 60;//用来记录秒,因为需求是从1开始的。
        var m = 119;//用来记录分钟
        var w = setInterval(function () {
        s--;
        if (s == 00) {//当秒跑到60时，分钟加1，秒钟从0开始。
            m--;
            s = 60;
        }
    span.innerHTML = m + ":" + (s < 10 ? "0" + s : s); //显示时间(秒小于10时，前补0)
    //到过5分钟时停止
    }, 1000); //每1000毫秒即1秒执行一次此函数
    document.getElementById("Show").appendChild(span);//显示到页面上
    }
    </script>
</head>
<body>
    <div id="Show" style="text-align:center"></div>
</body>
</html>

代码片段