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 相关文章推荐
分享20多个很棒的jQuery 文件上传插件或教程
Sep 04 Javascript
JS正则表达式获取分组内容的方法详解
Nov 15 Javascript
js给页面加style无效果的解决方法
Jan 20 Javascript
node.js中的http.response.addTrailers方法使用说明
Dec 14 Javascript
jQuery焦点控制图层展示延迟隐藏的方法
Mar 09 Javascript
数据分析软件之FineReport教程:[5]参数界面JS(全)
Aug 13 Javascript
利用BootStrap弹出二级对话框的简单实现方法
Sep 21 Javascript
值得分享的Bootstrap Table使用教程
Nov 23 Javascript
vue.js 上传图片实例代码
Jun 22 Javascript
详解Javascript 中的 class、构造函数、工厂函数
Dec 20 Javascript
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
JavaScript代码异常监控实现过程详解
Feb 17 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 数据结构 算法描述 冒泡排序 bubble sort
2011/07/10 PHP
解析PHP工厂模式的好处
2013/06/18 PHP
php示例详解Constructor Prototype Pattern 原型模式
2015/10/15 PHP
PHP laravel中的多对多关系实例详解
2017/06/07 PHP
jquery动态添加删除div 具体实现
2013/07/20 Javascript
jQuery实现html元素拖拽
2015/07/21 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
2016/08/09 Javascript
详解Angular.js的$q.defer()服务异步处理
2016/11/06 Javascript
微信小程序实现图片轮播及文件上传
2017/04/07 Javascript
js实现延迟加载的几种方法
2017/04/24 Javascript
详解webpack+angular2开发环境搭建
2017/06/28 Javascript
详解vue.js数据传递以及数据分发slot
2018/01/20 Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
2018/09/21 Javascript
js canvas画布实现高斯模糊效果
2018/11/27 Javascript
微信内置开发 iOS修改键盘换行为搜索的解决方案
2019/11/06 Javascript
JavaScript语法约定和程序调试原理解析
2020/11/03 Javascript
python绘图库Matplotlib的安装
2014/07/03 Python
python运行其他程序的实现方法
2017/07/14 Python
python+splinter自动刷新抢票功能
2018/09/25 Python
利用Pycharm断点调试Python程序的方法
2018/11/29 Python
python学习开发mock接口
2019/04/28 Python
python读取图片的方式,以及将图片以三维数组的形式输出方法
2019/07/03 Python
python语言线程标准库threading.local解读总结
2019/11/10 Python
python numpy库np.percentile用法说明
2020/06/08 Python
python自动提取文本中的时间(包含中文日期)
2020/08/31 Python
英国领先的高级美容和在线皮肤诊所:Face the Future
2020/06/17 全球购物
意大利顶级奢侈品电商:LUISAVIAROMA(支持中文)
2020/05/26 全球购物
体育学院毕业生自荐信
2013/11/03 职场文书
互联网创业计划书的书写步骤
2014/01/28 职场文书
我是一名护士演讲稿
2014/08/28 职场文书
团员个人年度总结
2015/02/26 职场文书
2015年社区关工委工作总结
2015/04/03 职场文书
博士论文答辩开场白
2015/06/01 职场文书
工作后的感想
2015/08/07 职场文书
《颐和园》教学反思
2016/02/19 职场文书
Spring IOC容器Bean的作用域及生命周期实例
2022/05/30 Java/Android