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对元素拖动排序示例
Jan 16 Javascript
js中用window.open()打开多个窗口的name问题
Mar 13 Javascript
3个可以改善用户体验的AngularJS指令介绍
Jun 18 Javascript
jquery选择器简述
Aug 31 Javascript
jquery Deferred 快速解决异步回调的问题
Apr 05 Javascript
jQuery UI Bootstrap是什么?
Jun 17 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
Nov 25 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
Jan 21 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
Jul 31 Javascript
angular5 子组件监听父组件传入值的变化方法
Sep 30 Javascript
Vue项目实现换肤功能的一种方案分析
Aug 28 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
复杂检索数据并分页显示的处理方法
2006/10/09 PHP
按上下级层次关系输出内容的PHP代码
2010/07/17 PHP
百度工程师讲PHP函数的实现原理及性能分析(二)
2015/05/13 PHP
PHP实现QQ登录实例代码
2016/01/14 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
帮助避免错误的Javascript陷阱清单
2009/05/31 Javascript
JS动态调用方法名示例介绍
2013/12/18 Javascript
代码分析jQuery四种静态方法使用
2015/07/23 Javascript
详解Python中logging日志模块在多进程环境下的使用
2016/12/26 Javascript
AngularJS Select(选择框)使用详解
2017/01/18 Javascript
微信小程序的动画效果详解
2017/01/18 Javascript
jQuery.cookie.js实现记录最近浏览过的商品功能示例
2017/01/23 Javascript
关于javascript获取内联样式与嵌入式样式的实例
2017/06/01 Javascript
vue之数据交互实例代码
2017/06/20 Javascript
js使用formData实现批量上传
2020/03/27 Javascript
js实现录音上传功能
2019/11/22 Javascript
JS实现鼠标按下拖拽效果
2020/07/23 Javascript
Python编程使用NLTK进行自然语言处理详解
2017/11/16 Python
python2与python3中关于对NaN类型数据的判断和转换方法
2018/10/30 Python
python+openCV利用摄像头实现人员活动检测
2019/06/22 Python
Python中最好用的命令行参数解析工具(argparse)
2019/08/23 Python
Python模拟伯努利试验和二项分布代码实例
2020/05/27 Python
HTML5 Canvas实现烟花绽放特效
2016/03/02 HTML / CSS
荷兰街头时尚之家:Funkie House
2019/03/18 全球购物
奥地利智能家居和智能生活网上商店:tink.at
2019/10/07 全球购物
Java基础知识面试要点
2016/07/29 面试题
优秀党员获奖感言
2014/02/18 职场文书
初中学校军训方案
2014/05/09 职场文书
环境保护标语
2014/06/20 职场文书
2014教师党员个人自我评议
2014/09/20 职场文书
毕业生个人自荐书
2015/03/05 职场文书
公司承诺书格式范文
2015/04/28 职场文书
孔繁森观后感
2015/06/10 职场文书
联村联户简报
2015/07/21 职场文书
怎样评估创业计划书是否有可行性?
2019/08/07 职场文书
Redis 报错 error:NOAUTH Authentication required
2022/05/15 Redis