浅析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 相关文章推荐
执行iframe中的javascript方法
Oct 07 Javascript
js或css文件后面跟参数的原因说明
Jan 09 Javascript
基于jquery的15款幻灯片插件
Apr 10 Javascript
js切换div css注意的细节
Dec 10 Javascript
Javascript中产生固定结果的函数优化技巧
Jan 16 Javascript
javascript中比较字符串是否相等的方法
Jul 23 Javascript
jQuery中remove()方法用法实例
Dec 25 Javascript
解析js如何获取css样式
Dec 11 Javascript
react-native之ART绘图方法详解
Aug 08 Javascript
JS正则表达式完美实现身份证校验功能
Oct 18 Javascript
Vue实现PopupWindow组件详解
Apr 28 Javascript
JavaScript实现简单的弹窗效果
May 19 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生成静态页面详解
2006/12/05 PHP
《PHP编程最快明白》第五讲:php目录、文件操作
2010/11/01 PHP
PHP大批量数据操作时临时调整内存与执行时间的方法
2011/04/20 PHP
typecho插件编写教程(四):插件挂载
2015/05/28 PHP
PHP数据对象PDO操作技巧小结
2016/09/27 PHP
PHP删除数组中特定元素的两种方法
2019/02/28 PHP
thinkphp5框架实现的自定义扩展类操作示例
2019/05/16 PHP
php文件后缀不强制为.php的实操方法
2019/09/18 PHP
Extjs TimeField 显示正常时间格式的代码
2011/06/28 Javascript
javascript开发技术大全-第3章 js数据类型
2011/07/03 Javascript
jQuery简单实现中间浮窗效果
2016/09/04 Javascript
js监听键盘事件的方法_原生和jquery的区别详解
2016/10/10 Javascript
微信小程序 教程之WXML
2016/10/18 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
2016/12/14 Javascript
AngularJS改变元素显示状态
2017/04/20 Javascript
解决ztree搜索中多级菜单展示不全问题
2017/07/05 Javascript
bootstrap table实现双击可编辑、添加、删除行功能
2017/09/27 Javascript
基于vue 实现token验证的实例代码
2017/12/14 Javascript
webpack3升级到webpack4遇到问题总结
2019/09/30 Javascript
JS数组属性去重并校验重复数据
2020/01/10 Javascript
vue 中的 render 函数作用详解
2020/02/28 Javascript
JS实现点星星消除小游戏
2020/03/24 Javascript
[01:14]3.19DOTA2发布会 三代刀塔人第二代
2014/03/25 DOTA
Python实现的检测网站挂马程序
2014/11/30 Python
Python实现分割文件及合并文件的方法
2015/07/10 Python
Python通过属性手段实现只允许调用一次的示例讲解
2018/04/21 Python
在python中获取div的文本内容并和想定结果进行对比详解
2019/01/02 Python
浅谈Django QuerySet对象(模型.objects)的常用方法
2020/03/28 Python
python可视化分析的实现(matplotlib、seaborn、ggplot2)
2021/02/03 Python
巴西最好的男鞋:Rafarillo
2018/05/25 全球购物
百货商场楼层班组长竞聘书
2014/03/31 职场文书
卫生标语大全
2014/06/21 职场文书
乡镇干部党的群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
战马观后感
2015/06/08 职场文书
学校运动会通讯稿
2015/07/18 职场文书
Redis5之后版本的高可用集群搭建的实现
2021/04/27 Redis