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 相关文章推荐
js使用eval解析json(js中使用json)
Jan 17 Javascript
AngularJS 中的指令实践开发指南(一)
Mar 20 Javascript
Javascript基础教程之比较null和undefined值
May 16 Javascript
JavaScript常用判断写法大全(推荐)
May 30 Javascript
浅谈jquery页面初始化的4种方式
Nov 27 Javascript
js实现用户输入的小写字母自动转大写字母的方法
Jan 21 Javascript
js实现类bootstrap模态框动画
Feb 07 Javascript
vue实现前进刷新后退不刷新效果
Jan 26 Javascript
layui 实现表单和文件上传一起传到后台的例子
Sep 16 Javascript
Element InputNumber 计数器的实现示例
Aug 03 Javascript
vue实现PC端分辨率适配操作
Aug 03 Javascript
Node.js 中判断一个文件是否存在
Aug 24 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
php str_pad 函数用法简介
2009/07/11 PHP
ThinkPHP后台首页index使用frameset时的注意事项分析
2014/08/22 PHP
CI框架集成Smarty的方法分析
2016/05/17 PHP
PHP获取文本框、密码域、按钮的值实例代码
2017/04/19 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
thinkphp3.2框架中where条件查询用法总结
2019/08/13 PHP
laravel5.5安装jwt-auth 生成token令牌的示例
2019/10/24 PHP
filemanage功能中用到的common.js
2007/04/08 Javascript
javascript的原生方法获取数组中的最大(最小)值
2012/12/19 Javascript
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
2013/05/07 Javascript
javascript的propertyIsEnumerable()方法使用介绍
2014/04/09 Javascript
js动态控制table的tr、td增加及删除的具体实现
2014/04/30 Javascript
Jquery 全选反选实例代码
2015/11/19 Javascript
JS库之Particles.js中文开发手册及参数详解
2017/09/13 Javascript
当vue路由变化时,改变导航栏的样式方法
2018/08/22 Javascript
vue.js实现图书管理功能
2019/09/24 Javascript
vue路由跳转传递参数的方式总结
2020/05/10 Javascript
[01:20]DOTA2更新全新英雄 天涯墨客现已加入游戏
2018/08/25 DOTA
[01:20:37]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
Django中使用group_by的方法
2015/05/26 Python
CSS3 实现穿梭星空动画
2020/11/13 HTML / CSS
浅谈基于Canvas的手绘风格图形库Rough.js
2018/03/19 HTML / CSS
英国户外服装、鞋类和设备的领先零售商:Millets
2020/10/12 全球购物
园林资料员岗位职责
2013/12/30 职场文书
公司建议书怎么写
2014/05/15 职场文书
体育比赛口号
2014/06/09 职场文书
青春飞扬演讲稿
2014/09/11 职场文书
党的群众路线对照检查材料(个人)
2014/09/24 职场文书
租赁协议书
2015/01/27 职场文书
实习生个人总结范文
2015/02/28 职场文书
房产证明范本
2015/06/19 职场文书
2015年“我们的节日·中秋节”活动总结
2015/07/30 职场文书
毕业生自我鉴定范文
2019/05/13 职场文书
JS实现数组去重的11种方法总结
2022/04/04 Javascript
SQL Server #{}可以防止SQL注入
2022/05/11 SQL Server