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 浏览器关闭事件
Jul 08 Javascript
jquery批量设置属性readonly和disabled的方法
Jan 24 Javascript
多个$(document).ready()的执行顺序实例分析
Jul 26 Javascript
如何判断微信内置浏览器(通过User Agent实现)
Sep 01 Javascript
JavaScript实现带标题的图片轮播特效
May 20 Javascript
JavaScript实现数组随机排序的方法
Jun 26 Javascript
浅谈javascript原型链与继承
Jul 13 Javascript
JS匿名函数实例分析
Nov 26 Javascript
JS去除字符串中空格的方法
Feb 14 Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
Oct 13 Javascript
Openlayers学习之加载鹰眼控件
Sep 28 Javascript
如何在vue中使用kindeditor富文本编辑器
Dec 19 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语法(5)
2006/10/09 PHP
php cache类代码(php数据缓存类)
2010/04/15 PHP
解析PHP生成静态html文件的三种方法
2013/06/18 PHP
Laravel中如何增加自定义全局函数详解
2017/05/09 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
laravel实现按月或天或小时统计mysql数据的方法
2019/10/09 PHP
javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
2013/04/27 Javascript
JS页面延迟执行一些方法(整理)
2013/11/11 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
2014/07/29 Javascript
node.js中的fs.realpathSync方法使用说明
2014/12/16 Javascript
jquery动态添加删除(tr/td)
2015/02/09 Javascript
JavaScript的类型、值和变量小结
2015/07/09 Javascript
AngularJS入门教程之REST和定制服务详解
2016/08/19 Javascript
JavaScript门道之标准库
2018/05/26 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
Vant 中的Toast设置全局的延迟时间操作
2020/11/04 Javascript
Python中暂存上传图片的方法
2015/02/18 Python
详解使用Python处理文件目录的相关方法
2015/10/16 Python
python下调用pytesseract识别某网站验证码的实现方法
2016/06/06 Python
Python读csv文件去掉一列后再写入新的文件实例
2017/12/28 Python
Pycharm无法使用已经安装Selenium的解决方法
2018/10/13 Python
基于python指定包的安装路径方法
2018/10/27 Python
django使用haystack调用Elasticsearch实现索引搜索
2019/07/24 Python
利用python list完成最简单的DB连接池方法
2019/08/09 Python
Django中密码的加密、验密、解密操作
2019/12/19 Python
pytorch sampler对数据进行采样的实现
2019/12/31 Python
CSS3 简写animation
2012/05/10 HTML / CSS
Hanky Panky官方网站:内衣和睡衣
2019/07/25 全球购物
文员自我评价怎么写
2013/09/19 职场文书
大学生学习生活的自我评价
2013/11/01 职场文书
集体备课反思
2014/02/12 职场文书
如何签定毕业生就业协议书
2014/09/28 职场文书
2015年党建工作总结
2015/03/30 职场文书
兴趣班停课通知
2015/04/24 职场文书
2016年毕业实习心得体会范文
2015/10/09 职场文书
Python matplotlib多个子图绘制整合
2022/04/13 Python