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 相关文章推荐
jQuery操作checkbox选择(list/table)
Apr 07 Javascript
JS HTML5 音乐天气播放器(Ajax获取天气信息)
May 26 Javascript
javascript不同类型数据之间的运算的转换方法
Feb 13 Javascript
jQuery写fadeTo示例代码
Feb 21 Javascript
node.js中的fs.readlink方法使用说明
Dec 17 Javascript
jQuery中DOM树操作之复制元素的方法
Jan 23 Javascript
javascript获取本机操作系统类型的方法
Aug 13 Javascript
浅谈$_FILES数组为空的原因
Feb 16 Javascript
Vue-cli项目获取本地json文件数据的实例
Mar 07 Javascript
js实现漂亮的星空背景
Nov 01 Javascript
JavaScript canvas实现雪花随机动态飘落
Feb 08 Javascript
如何用vue实现网页截图你知道吗
Nov 17 Vue.js
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制作简单分页(从数据库读取记录)的方法详解
2013/05/04 PHP
php curl 上传文件代码实例
2015/04/27 PHP
php将图片文件转换成二进制输出的方法
2015/06/10 PHP
谈谈 PHP7新增功能
2015/12/16 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
jQuery源码分析之Event事件分析
2010/06/07 Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
2012/03/14 Javascript
javascript自然分类法算法实现代码
2013/10/11 Javascript
当jquery ajax遇上401请求的解决方法
2016/05/19 Javascript
移动端js触摸事件详解
2016/09/18 Javascript
详解js的事件处理函数和动态创建html标记方法
2016/12/16 Javascript
Easyui Tree获取当前选择节点的所有顶级父节点
2017/02/14 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
Bootstrap Tooltip显示换行和左对齐的解决方案
2017/10/11 Javascript
vue的全局提示框组件实例代码
2018/02/26 Javascript
iview中Select 选择器多选校验方法
2018/03/15 Javascript
ESLint 是如何检查 .vue 文件的
2020/11/30 Vue.js
原生JavaScript实现换肤
2021/02/19 Javascript
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
解决Python在导入文件时的FileNotFoundError问题
2020/04/10 Python
css3给背景图片加颜色遮罩的方法
2019/11/05 HTML / CSS
Artist Guitars新西兰:乐器在线商店
2017/09/17 全球购物
YSL圣罗兰美妆英国官网:Yves Saint Laurent Beauty UK
2019/08/03 全球购物
大学生找工作推荐信范文
2013/11/28 职场文书
如何写一份好的自荐信
2014/01/02 职场文书
领导干部考察材料
2014/02/08 职场文书
挖掘机司机岗位职责
2014/02/12 职场文书
军校大学生个人的自我评价
2014/02/17 职场文书
出国留学担保书
2014/05/20 职场文书
三八妇女节趣味活动方案
2014/08/23 职场文书
2015年学校党支部工作总结
2015/04/01 职场文书
学校教学管理制度
2015/08/06 职场文书
纪念建国70周年演讲稿
2019/07/19 职场文书
Django分页器的用法你都了解吗
2021/05/26 Python
深入详解JS函数的柯里化
2021/06/09 Javascript
在vue中import()语法不能传入变量的问题及解决
2022/04/01 Vue.js