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垂直公告滚动实现代码
Dec 08 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 Javascript
jQuery插件实现大图全屏图片相册
Mar 14 Javascript
$.extend 的一个小问题
Jun 18 Javascript
jquery实现仿Flash的横向滑动菜单效果代码
Sep 17 Javascript
javascript日期格式化方法小结
Dec 17 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
Jun 28 Javascript
node.js中fs文件系统目录操作与文件信息操作
Feb 24 Javascript
浅谈Vue内置component组件的应用场景
Mar 27 Javascript
使用D3.js+Vue实现一个简单的柱形图
Aug 05 Javascript
关于vue组件事件属性穿透详解
Oct 28 Javascript
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
Nov 19 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处理换行符的问题 \r\n
2013/06/13 PHP
php中如何判断一个网页请求是ajax请求还是普通请求
2013/08/10 PHP
php不允许用户提交空表单(php空值判断)
2013/11/12 PHP
php实现图形显示Ip地址的代码及注释
2014/01/20 PHP
PHP针对多用户实现更换头像功能
2016/09/04 PHP
PHP获取文本框、密码域、按钮的值实例代码
2017/04/19 PHP
js 赋值包含单引号双引号问题的解决方法
2014/02/26 Javascript
jQuery中clearQueue()方法用法实例
2014/12/29 Javascript
JS处理json日期格式化问题
2015/10/01 Javascript
基于Jquery和html5的7款个性化地图插件
2015/11/17 Javascript
详解Angularjs中的依赖注入
2016/03/11 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
2016/06/12 Javascript
Angular2内置指令NgFor和NgIf详解
2016/08/03 Javascript
nodejs基础知识
2017/02/03 NodeJs
Bootstrap表单制作代码
2017/03/17 Javascript
Angular刷新当前页面的实现方法
2018/11/21 Javascript
详解基于electron制作一个node压缩图片的桌面应用
2019/01/29 Javascript
vue cli安装使用less的教程详解
2019/07/12 Javascript
JS原型prototype和__proto__用法实例分析
2020/03/14 Javascript
[05:15]DOTA2英雄梦之声_第16期_灰烬之灵
2014/06/21 DOTA
Python使用Matplotlib实现雨点图动画效果的方法
2017/12/23 Python
Python实用工具FuckIt.py介绍
2019/07/02 Python
Python scrapy增量爬取实例及实现过程解析
2019/12/24 Python
keras多显卡训练方式
2020/06/10 Python
美国汽车零部件和配件网站:CarParts
2019/03/13 全球购物
澳大利亚网上书店:QBD
2021/01/09 全球购物
优秀求职自荐信怎样写
2013/12/18 职场文书
英语系本科生求职信范文
2013/12/18 职场文书
房地产销售计划书
2014/01/10 职场文书
超市周年庆活动方案
2014/08/16 职场文书
2015年财务科工作总结范文
2015/05/13 职场文书
2015年幼儿园国庆节活动总结
2015/07/30 职场文书
员工担保书范本
2015/09/22 职场文书
vue使用节流函数的踩坑实例指南
2021/05/20 Vue.js
Springboot使用Spring Data JPA实现数据库操作
2021/06/30 Java/Android
《吸血鬼:避世 血猎》官宣4.27发售 系列首款大逃杀
2022/04/03 其他游戏