Javascript實例之如何實現時間倒數計時？

javascript實現倒數計時效果

        WINFORM中一般使用次數控制來完成計時作業，在網頁中的計時作業可以使用javascript

        來完成,今天我用js寫了一個倒數實例，這個實例在頁面上顯示5，4，3，2，1後直接跳轉

        到網站的首頁，希望對大家有幫助。

        前台頁面：

        <p>将在 <span id="mes">5</span> 秒钟后返回首页！</p>

        javascript程式碼如下：

#

 <script language="javascript" type="text/javascript">
        var i = 5;
        var intervalid;
        intervalid = setInterval("fun()", 1000);
        function fun() {
            if (i == 0) {
                window.location.href = "default.aspx";
                clearInterval(intervalid);
            }
            document.getElementById("mes").innerHTML = i;
            i--; 
        }
        </script>

這裡使用的是Date日期類別

效果圖：

以上是Javascript實例之如何實現時間倒數計時？的詳細內容。更多資訊請關注PHP中文網其他相關文章！