javasScript实现倒计时

2018-07-20    来源:open-open

容器云强势上线!快速搭建集群,上万Linux镜像随意使用
这个功能是完全利用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>

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:PHP获取指定月份的第一天开始和最后一天结束的时间戳函数

下一篇:javascript获取当前页面的URL信息