javasScript實現倒計時

jopen 9年前發布 | 2K 次閱讀 JavaScript

這個功能是完全利用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>

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！