javascript间隔定时器(延时定时器)学习 间隔调用和延时调用


Posted in Javascript onJanuary 13, 2014

用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>
Javascript 相关文章推荐
Locate a File Using a File Open Dialog Box
Jun 18 Javascript
比较简单的一个符合web标准的JS调用flash方法
Nov 29 Javascript
基于jquery的用鼠标画出可移动的div
Sep 06 Javascript
JS添加删除一组文本框并对输入信息加以验证判断其正确性
Apr 11 Javascript
JavaScript截取、切割字符串的技巧
Jan 07 Javascript
实例解析jQuery中proxy()函数的用法
May 24 Javascript
微信小程序 支付功能(前端)的实现
May 24 Javascript
详解Vue的computed(计算属性)使用实例之TodoList
Aug 07 Javascript
vue不通过路由直接获取url中参数的方法示例
Aug 24 Javascript
vue-cli项目无法用本机IP访问的解决方法
Sep 20 Javascript
js实现一个简易计算器
Mar 30 Javascript
Node.js 在本地生成日志文件的方法
Feb 07 Javascript
parentElement,srcElement的使用小结
Jan 13 #Javascript
javaScript中的this示例学习详解及工作原理
Jan 13 #Javascript
JS 日期比较大小的简单实例
Jan 13 #Javascript
JS之Date对象和获取系统当前时间详解
Jan 13 #Javascript
JS OffsetParent属性深入解析
Jan 13 #Javascript
JavaScript网页定位详解
Jan 13 #Javascript
js菜单点击显示或隐藏效果的简单实例
Jan 13 #Javascript
You might like
Protoss兵种介绍
2020/03/14 星际争霸
PHP Array交叉表实现代码
2010/08/05 PHP
允许phpmyadmin空密码登录的配置方法
2011/05/29 PHP
PHP运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
解析PHP无限级分类方法及代码
2013/06/21 PHP
PHP中exec与system用法区别分析
2014/09/22 PHP
php中addslashes函数与sql防注入
2014/11/17 PHP
smarty模板引擎中变量及变量修饰器用法实例
2015/01/22 PHP
Yii数据模型中rules类验证器用法分析
2016/07/15 PHP
PHP使用preg_split()分割特殊字符(元字符等)的方法分析
2017/02/04 PHP
解析 thinkphp 框架中的部分方法
2017/05/07 PHP
jquery获取iframe中的dom对象(两种方法)
2013/07/02 Javascript
JS中表单的使用小结
2014/01/11 Javascript
自己用jQuery写了一个图片的马赛克消失效果
2014/05/04 Javascript
jQuery中empty()方法用法实例
2015/01/16 Javascript
深入理解requestAnimationFrame的动画循环
2016/09/20 Javascript
Bootstrap源码学习笔记之bootstrap进度条
2016/12/24 Javascript
node.js中fs.stat与fs.fstat的区别详解
2017/06/01 Javascript
Javascript读写cookie的实例源码
2019/03/16 Javascript
[01:58]2018DOTA2亚洲邀请赛趣味视频——交流
2018/04/03 DOTA
[49:29]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
关于Django外键赋值问题详解
2017/08/13 Python
Python实现模拟浏览器请求及会话保持操作示例
2018/07/30 Python
jupyter notebook快速入门及使用详解
2020/11/13 Python
美国最大的袜子制造商和零售商:Renfro Socks
2017/09/03 全球购物
少年闰土教学反思
2014/02/22 职场文书
制作部班长职位说明书
2014/02/26 职场文书
《老山界》教学反思
2014/04/08 职场文书
石油工程专业毕业生求职信
2014/04/13 职场文书
房屋出租协议书范本(标准版)
2014/09/24 职场文书
关于运动会广播稿50字
2014/10/18 职场文书
2014年基层党支部工作总结
2014/12/04 职场文书
酒店前台接待岗位职责
2015/04/02 职场文书
Java 泛型详解(超详细的java泛型方法解析)
2021/07/02 Java/Android
MySQL的表级锁,行级锁,排它锁和共享锁
2022/07/15 MySQL
win10搭建配置ftp服务器的方法
2022/08/05 Servers