浅析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 相关文章推荐
随机显示经典句子或诗歌的javascript脚本
Aug 04 Javascript
Jquery选择子控件&quot;大于号&quot;和&quot; &quot;区别介绍及使用示例
Jun 25 Javascript
JQuery菜单效果的两个实例讲解(3)
Sep 17 Javascript
基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
May 12 Javascript
AngularJS开发教程之控制器之间的通信方法分析
Dec 25 Javascript
JS中如何实现Laravel的route函数详解
Feb 12 Javascript
Javascript 链式作用域详细介绍
Feb 23 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
Jul 20 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
Oct 24 Javascript
Vue简单实现原理详解
May 07 Javascript
vue实现移动端返回顶部
Oct 12 Javascript
创建与框架无关的JavaScript插件
Dec 01 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验证信用卡卡号是否正确函数
2015/05/27 PHP
php+ajax登录跳转登录实现思路
2016/07/31 PHP
浅谈PHP的数据库接口和技术
2016/12/09 PHP
ThinkPHP3.2框架使用addAll()批量插入数据的方法
2017/03/16 PHP
PHP查询分页的实现代码
2017/06/09 PHP
PHP+Apache环境中如何隐藏Apache版本
2017/11/24 PHP
PHP实现15位身份证号转18位的方法分析
2019/10/16 PHP
PHP命名空间(namespace)原理与用法详解
2019/12/11 PHP
Ext面向对象开发实践(续)
2008/11/18 Javascript
关于this和self的使用说明
2010/08/01 Javascript
JavaScript利用append添加元素报错的解决方法
2014/07/01 Javascript
JavaScript实现三阶幻方算法谜题解答
2014/12/29 Javascript
JavaScript数组随机排列实现随机洗牌功能
2015/03/19 Javascript
从0开始学Vue
2016/10/27 Javascript
jQuery+CSS3实现点赞功能
2017/03/13 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
2017/07/14 Javascript
angularjs2 ng2 密码隐藏显示的实例代码
2017/08/01 Javascript
vue如何集成raphael.js中国地图的方法示例
2017/08/15 Javascript
Vue模板语法中数据绑定的实例代码
2019/05/17 Javascript
vue+高德地图写地图选址组件的方法
2019/05/18 Javascript
教你完全理解ReentrantLock重入锁
2019/06/03 Javascript
js实现倒计时秒杀效果
2020/03/25 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
2020/04/11 Javascript
[01:54]胎教DOTA2 准妈妈玩家现身中国区预选赛
2016/06/26 DOTA
python机器学习之贝叶斯分类
2018/03/26 Python
wxPython多个窗口的基本结构
2019/11/19 Python
浅谈tensorflow中dataset.shuffle和dataset.batch dataset.repeat注意点
2020/06/08 Python
python3.9.1环境安装的方法(图文)
2021/02/02 Python
美国二手复古奢侈品包包购物网站:LXRandCo
2019/06/18 全球购物
写给女朋友的检讨书
2014/01/28 职场文书
《谁的本领大》教后反思
2014/04/25 职场文书
11.9消防日宣传标语
2014/10/08 职场文书
工作失误检讨书范文
2015/01/26 职场文书
个人业务学习心得体会
2016/01/25 职场文书
Python面向对象之成员相关知识总结
2021/06/24 Python
MySQL 语句执行顺序举例解析
2022/06/05 MySQL