javasScript实现倒计时详解编程语言

这个功能是完全利用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>

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/8742.html

(0)
上一篇 2021年7月18日
下一篇 2021年7月18日

相关推荐

发表回复

登录后才能评论