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>

     

  • 相关阅读:
    @从零开始实现一个插件化框架(一)
    @从零开始实现一个插件化框架(二)
    @从零开始实现一个插件化框架(三)
    @CoordinatorLayout使用详解: 打造折叠悬浮效果
    Oracle 11g数据库详细安装过程
    web service 的跨语言特性
    struts2--值栈
    事务处理中如何获取同一个connection 对象
    jsp中文乱码问题
    设置工作集
  • 原文地址:https://www.cnblogs.com/wbxk/p/6748484.html
Copyright © 2011-2022 走看看