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版仿Path菜单效果
Dec 15 Javascript
js 异步操作回调函数如何控制执行顺序
Dec 24 Javascript
jquery获取复选框被选中的值
Mar 22 Javascript
百度地图自定义控件分享
Mar 04 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
Apr 07 Javascript
原生JS实现平滑回到顶部组件
Mar 16 Javascript
jQuery实现的图片轮播效果完整示例
Sep 12 Javascript
JavaScript实现自定义媒体播放器方法介绍
Jan 03 Javascript
基于js 本地存储(详解)
Aug 16 Javascript
JS分页的实现(同步与异步)
Sep 16 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
Dec 25 Javascript
一文了解vue-router之hash模式和history模式
May 31 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相当简单的分页类
2008/10/02 PHP
php中全局变量global的使用演示代码
2011/05/18 PHP
开启PHP的伪静态模式
2015/12/31 PHP
php实现计算百度地图坐标之间距离的方法
2016/05/05 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
微信公众号实现扫码获取微信用户信息(网页授权)
2019/04/09 PHP
jQuery学习3:操作元素属性和特性
2010/02/07 Javascript
JS下高效拼装字符串的几种方法比较与测试代码
2010/04/15 Javascript
javascript天然的迭代器
2010/10/29 Javascript
js常用排序实现代码
2010/12/28 Javascript
JavaScript NaN和Infinity特殊值 [译]
2012/09/20 Javascript
一个简单的jquery的多选下拉框(自写)
2014/05/05 Javascript
js 获取浏览器版本以此来调整CSS的样式
2014/06/03 Javascript
推荐10个2014年最佳的jQuery视频插件
2014/11/12 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
2016/08/24 Javascript
基于JavaScript实现购物网站商品放大镜效果
2016/09/06 Javascript
微信小程序支付及退款流程详解
2017/11/30 Javascript
JavaScript中EventLoop介绍
2018/01/22 Javascript
微信小程序实现倒计时补零功能
2018/07/09 Javascript
vue项目引入字体.ttf的方法
2018/09/28 Javascript
koa+mongoose实现简单增删改查接口的示例代码
2019/05/13 Javascript
Bootstrap实现模态框效果
2019/09/30 Javascript
vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
2020/07/27 Javascript
[00:38]TI珍贵瞬间系列(二):笑
2020/08/26 DOTA
[01:01:23]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第一场 11.26
2020/11/30 DOTA
python3 字符串知识点学习笔记
2020/02/08 Python
使用OpenCV去除面积较小的连通域
2020/07/05 Python
英语专业毕业个人求职自荐信
2013/09/21 职场文书
普通院校学生的自荐信
2013/11/27 职场文书
安全目标管理责任书
2014/07/25 职场文书
廉政文化进校园广播稿
2014/10/20 职场文书
2016年离婚协议书范文
2016/03/18 职场文书
导游词之南京夫子庙
2019/12/09 职场文书
python数据库批量插入数据的实现(executemany的使用)
2021/04/30 Python
MySQL里面的子查询的基本使用
2021/08/02 MySQL
搞笑Gif:这么白这么长的腿像极了一楼的女朋友
2022/03/21 杂记