zoukankan      html  css  js  c++  java
  • 通过小实例谈谈javascript的间隔调用和延时调用

    用 setInterval方法可以以指定的间隔实现循环调用函数,直到clearInterval方法取消循环

    用clearInterval方法取消循环时,必须将setInterval方法的调用赋值给一个变量,然后clearInterval方法引用该变量。

    <script type="text/javascript">
        var n = 0;
        function print(){
            document.writeln(n);
            
            if(n==1000){
            window.clearInterval(s);
            }    
            n++;
        }
         var s = window.setInterval(print, 10);
    </script>

    用setTimeout和clearTimeout完成延时调用,在指定的延迟时间之后运行指定函数,只执行一次。clearTimeout的用法同clearInterval方法的用法相同。

    <script type="text/javascript">
        function printTime(){
            var time = new Date();
            var year = time.getFullYear();
            var month = (time.getMonth())+1;
            var daynum = time.getDay();
            var hour = time.getHours();
            var min = time.getMinutes();
            var sec = time.getSeconds();
            var da = time.getDate();
            var daystr;
            switch(daynum){
            case 0: daystr="星期日";
                break;
            case 1: daystr="星期一";
                break;
            case 2: daystr="星期二";
                break;
            case 3: daystr="星期三";
                break;
            case 4: daystr="星期四";
                break;
            case 5: daystr="星期五";
                break;
            case 6: daystr="星期六";
                break;
            default: daystr="";
            }
            var str = year+"年"+month+"月"+da+"日  "+daystr+" "+hour+": "+min+": "+sec;
            document.getElementById("t").innerHTML = str;
            window.setTimeout(printTime, 1000);
        }
    </script>
    
    <body onload="printTime()">
    <br/>
    <div id="t"></div>
    </body>
  • 相关阅读:
    struts2基础---->自定义拦截器
    struts2基础---->第一个Struts2程序
    Vue基础---->vue-router的使用(一)
    java框架---->zxing框架的使用
    java基础---->java输入输出流
    java基础----->TCP和UDP套接字编程
    JS基础---->js中ajax的使用
    tomcat源码---->request的请求参数分析
    Android Http请求方法汇总
    Android如何通过shareduserid获取系统权限
  • 原文地址:https://www.cnblogs.com/ranzige/p/javascript_settime.html
Copyright © 2011-2022 走看看