浅析javascript的间隔调用和延时调用


Posted in Javascript onNovember 12, 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 textlimit 显示用户输入的字符数 限制用户输入的字符数
May 14 Javascript
页面版文本框智能提示JS代码
Nov 20 Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
Nov 12 Javascript
js实现类似jquery里animate动画效果的方法
Apr 10 Javascript
jquery模拟alert的弹窗插件
Jul 31 Javascript
Bootstrap Table使用方法解析
Oct 19 Javascript
深入理解JavaScript 参数按值传递
May 24 Javascript
基于js中的原型(全面讲解)
Sep 19 Javascript
React Native使用fetch实现图片上传的示例代码
Mar 07 Javascript
vue项目打包后打开页面空白解决办法
Jun 29 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
Mar 14 Javascript
基于Electron实现桌面应用开发代码实例
Jul 07 Javascript
jQuery的deferred对象详解
Nov 12 #Javascript
探寻Javascript执行效率问题
Nov 12 #Javascript
推荐8款jQuery轻量级树形Tree插件
Nov 12 #Javascript
推荐10个2014年最佳的jQuery视频插件
Nov 12 #Javascript
JavaScript中提前声明变量或函数例子
Nov 12 #Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
Nov 12 #Javascript
js在IE与firefox的差异集锦
Nov 11 #Javascript
You might like
发一个php简单的伪原创程序,配合商城采集用的
2010/10/12 PHP
检查php文件中是否含有bom的函数
2012/05/31 PHP
PHP 使用MySQL管理Session的回调函数详解
2013/06/21 PHP
Thinkphp搭建包括JS多语言的多语言项目实现方法
2014/11/24 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
jQuery 名称冲突的解决方法
2011/04/08 Javascript
JQuery获取各种宽度、高度(format函数)实例
2013/03/04 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
2014/06/20 Javascript
jQuery中closest和parents的区别分析
2015/05/07 Javascript
javascript实现跨域的方法汇总
2015/06/25 Javascript
js实现div拖动动画运行轨迹效果代码分享
2015/08/27 Javascript
详解Node.js模块间共享数据库连接的方法
2016/05/24 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
详解如何在Angular优雅编写HTTP请求
2018/12/05 Javascript
详解js中的原型,原型对象,原型链
2020/07/16 Javascript
Python设计模式之代理模式实例
2014/04/26 Python
python+django加载静态网页模板解析
2017/12/12 Python
Python八大常见排序算法定义、实现及时间消耗效率分析
2018/04/27 Python
django之跨表查询及添加记录的示例代码
2018/10/16 Python
python 中值滤波,椒盐去噪,图片增强实例
2019/12/18 Python
Python 实现使用空值进行赋值 None
2020/03/12 Python
基于FME使用Python过程图解
2020/05/13 Python
Python 存取npy格式数据实例
2020/07/01 Python
美国在线购买和出售礼品卡网站:EJ Gift Cards
2019/06/09 全球购物
豪华床上用品 :Jennifer Adams
2019/09/15 全球购物
德国购买踏板车网站:Microscooter
2019/10/14 全球购物
Nike俄罗斯官方网站:Nike RU
2021/03/05 全球购物
店长岗位职责
2013/11/21 职场文书
网上卖盒饭创业计划书范文
2014/02/07 职场文书
大学生学年自我鉴定
2014/02/10 职场文书
《海底世界》教学反思
2014/04/16 职场文书
音乐幼师求职信
2014/07/09 职场文书
2015年青年志愿者工作总结
2015/05/20 职场文书
爱国主义电影观后感
2015/06/18 职场文书
圣诞晚会主持词
2015/07/01 职场文书
2015年学校教研室主任工作总结
2015/07/20 职场文书