js定時器案例

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>定時器案例</title>
    <script>
        var myCount = 5;
        function count() {
            document.getElementById("test").innerText = myCount+"秒後隱藏";
            myCount--;
            if (myCount == 0) {
                document.getElementById("test").innerHTML = "已經隱藏";
                document.getElementById("tcdiv").style.display="none";
                return;
            }
            setTimeout("count()", 1000);
        }
</script>
</head>
<body onLoad="setTimeout('count()',10);">
    <form id="form1" runat="server">
    
       <div id="test"></div>
       <div id="tcdiv" style="width:200px; height:100px; border: thin solid #ccc">
       
       </div>
    </form>
</body>
</html>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章