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 相关文章推荐
javascript 无提示关闭窗口脚本
Aug 17 Javascript
Jquery练习之表单验证实现代码
Dec 14 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
Aug 12 Javascript
页面实时更新时间的JS实例代码
Dec 18 Javascript
使用js实现关闭js弹出层的窗口
Feb 10 Javascript
js修改onclick动作的四种方法(推荐)
Aug 18 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
Jan 09 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
Jul 13 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
Dec 20 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
Jul 10 Javascript
在博客园博文中添加自定义右键菜单的方法详解
Feb 05 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
Feb 10 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中的一个中文字符串截取函数
2007/02/14 PHP
Yii把CGridView文本框换成下拉框的方法
2014/12/03 PHP
PHP实现的XXTEA加密解密算法示例
2018/08/28 PHP
一个简单的js鼠标划过切换效果
2010/06/30 Javascript
基于JQuery的asp.net树实现代码
2010/11/30 Javascript
jQuery EasyUI API 中文文档 - ComboGrid 组合表格
2011/10/13 Javascript
js 使用form表单select类实现级联菜单效果
2012/12/19 Javascript
利用jQuery的deferred对象实现异步按顺序加载JS文件
2013/03/17 Javascript
JavaScript获取页面上被选中文字的方法技巧
2015/03/13 Javascript
jQuery过滤HTML标签并高亮显示关键字的方法
2015/08/07 Javascript
谈谈第三方App接入微信登录 解读
2016/12/27 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
2016/12/28 Javascript
localStorage的黑科技-js和css缓存机制
2017/02/06 Javascript
基于Vue实现支持按周切换的日历
2020/09/24 Javascript
Vee-Validate的使用方法详解
2017/09/22 Javascript
详解iframe跨域的几种常用方法(小结)
2019/04/29 Javascript
微信小程序代码上传、审核发布小程序
2019/05/18 Javascript
vue实现简单跑马灯效果
2020/05/25 Javascript
python编码总结(编码类型、格式、转码)
2016/07/01 Python
Python轻量级ORM框架Peewee访问sqlite数据库的方法详解
2017/07/20 Python
Anaconda入门使用总结
2018/04/05 Python
pytorch中的自定义反向传播,求导实例
2020/01/06 Python
python通过matplotlib生成复合饼图
2020/02/06 Python
python matplotlib包图像配色方案分享
2020/03/14 Python
Pygame的程序开始示例代码
2020/05/07 Python
Spark处理数据排序问题如何避免OOM
2020/05/21 Python
CSS3美化表单控件全集
2016/06/29 HTML / CSS
美国最好的葡萄酒网上商店:Wine Library
2019/11/02 全球购物
签约仪式主持词
2014/03/19 职场文书
实验室的标语
2014/06/20 职场文书
社区安全生产月活动总结
2014/07/05 职场文书
习总书记三严三实学习心得体会
2014/10/13 职场文书
2015年教师节感言
2015/08/03 职场文书
中秋节主题班会
2015/08/14 职场文书
当你焦虑迷茫时,请读读这6句话
2019/07/24 职场文书
UNION CREATIVE《Re:从零开始的异世界生活》雷姆手办
2022/03/20 日漫