zoukankan      html  css  js  c++  java
  • JavaScript中的定时事件

    这两个函数都是在给定的时间之后开始执行的,并不是立即执行。

    var timeId = window.setTimeout("method()",1000);  //定时执行,还可以这么写var timeId = window.setTimeout(method,1000);

    window.clearTimeout(timeId);  //清除已设置的setTimeout对象

    var timeId = window.setInterval("method()",1000);  //定时循环执行,同样的还可以这么写var timeId = window.setInterval(method,1000);

    window.clearInterval(timeId);  //清除已设置的setInterval对象

    定时事件示例代码:

    <html> 
        <head> 
            <title>定时事件实现倒计时</title> 
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.4.2/jquery.min.js"></script> 
        </head> 
        <body> 
            <div> 
                <input type="button" value="点下我" id="btn" onclick="show();" /> 
            </div> 
        </body>
        <script type="text/javascript"> 
            var nn = 30; 
            var tipId; 
            function show() { 
                tipId = window.setInterval("start()", 1000); //每隔1秒调用一次start()方法 
            } 
    
            function start() { 
                if (nn > 0) { 
                    var vv = "倒计时(" + nn + ")"; 
                    $("#btn").attr("disabled", "disabled"); //使按钮不能被点击 
                    $("#btn").attr("value", vv); //更改按钮上的文字 
                    nn--; 
                } else { 
                    nn = 30; 
                    $("#btn").removeAttr("disabled"); //使按钮能够被点击 
                    $("#btn").attr("value", "点下我"); //更改按钮上的文字 
                    window.clearInterval(tipId); //清除循环事件 
                } 
            } 
        </script>
    </html>

     

  • 相关阅读:
    系统综合实践_5
    系统综合实践_4
    系统综合实践_3
    系统综合实践_2
    系统综合实践_1
    软件工程17—第09组 Beta版本演示
    软件工程16—第09组 Beta冲刺(4/4)
    软工实践个人总结
    第06组 Beta版本演示
    第06组 Beta冲刺(5/5)
  • 原文地址:https://www.cnblogs.com/wbxk/p/6748484.html
Copyright © 2011-2022 走看看