浅析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 相关文章推荐
AlertBox 弹出层信息提示框效果实现步骤
Oct 11 Javascript
js与运算符和或运算符的妙用
Feb 14 Javascript
jquery动态切换背景图片的简单实现方法
May 14 Javascript
JavaScript代码性能优化总结篇
May 15 Javascript
简单封装js的dom查询实例代码
Jul 08 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
Jul 17 Javascript
ES6 Iterator接口和for...of循环用法分析
Jul 31 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 jQuery
在vue和element-ui的table中实现分页复选功能
Dec 04 Javascript
JS实现网页时钟特效
Mar 25 Javascript
JavaScript实现放大镜效果代码示例
Apr 29 Javascript
js实现鼠标切换图片(无定时器)
Jan 27 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 开源AJAX框架14种
2009/08/24 PHP
网页游戏开发入门教程三(简单程序应用)
2009/11/02 PHP
php is_file()和is_dir()用于遍历目录时用法注意事项
2010/03/02 PHP
PHP禁止个别IP访问网站
2013/10/30 PHP
php+ajax导入大数据时产生的问题处理
2014/06/11 PHP
thinkphp表单上传文件并将文件路径保存到数据库中
2016/07/28 PHP
你不知道的文件上传漏洞php代码分析
2016/09/29 PHP
php curl简单采集图片生成base64编码(并附curl函数参数说明)
2019/02/15 PHP
javascript中的对象和数组的应用技巧
2007/01/07 Javascript
JavaScript语言中的Literal Syntax特性分析
2007/03/08 Javascript
javascript实现的listview效果
2007/04/28 Javascript
javascript中的继承实例代码
2011/04/27 Javascript
可简单避免的三个JS发布错误的详细介绍
2013/08/02 Javascript
nodejs npm install全局安装和本地安装的区别
2014/06/05 NodeJs
jQuery可见性过滤选择器用法示例
2016/09/09 Javascript
jQuery 获取遍历获取table中每一个tr中的第一个td的方法
2016/10/05 Javascript
基于bootstrap-datetimepicker.js不支持IE8的快速解决方法
2016/11/07 Javascript
nodejs中向HTTP响应传送进程的输出
2017/03/19 NodeJs
JS实现简单抖动效果
2017/06/01 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
2018/07/13 Javascript
在vue项目中正确使用iconfont的方法
2018/09/28 Javascript
Vue项目History模式404问题解决方法
2018/10/31 Javascript
nodejs二进制与Buffer的介绍与使用
2019/07/11 NodeJs
vue子传父关于.sync与$emit的实现
2019/11/05 Javascript
node.js中npm包管理工具用法分析
2020/02/14 Javascript
[05:04]DOTA2上海特级锦标赛主赛事第二日TOP10
2016/03/04 DOTA
python实现简单温度转换的方法
2015/03/13 Python
Python操作MongoDB数据库的方法示例
2018/01/04 Python
Python自动发送邮件的方法实例总结
2018/12/08 Python
Pytorch框架实现mnist手写库识别(与tensorflow对比)
2020/07/20 Python
瑞典首都斯德哥尔摩的多元奢侈时尚品牌:Acne Studios
2017/07/09 全球购物
地球上最先进的胡子和头发修剪器:Bevel
2018/01/23 全球购物
Java方面的关于数组和继承的笔面试题
2015/09/18 面试题
销售经理工作职责
2014/02/03 职场文书
电力安全事故反思
2014/04/27 职场文书
反腐倡廉剖析材料
2014/09/30 职场文书