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 相关文章推荐
学习ExtJS Panel常用方法
Oct 07 Javascript
js键盘上下左右键怎么触发function(实例讲解)
Dec 14 Javascript
一个JavaScript的求爱小特效
May 09 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
May 28 Javascript
jquery常用函数与方法汇总
Sep 01 Javascript
confirm确认对话框的实现方法总结
Jun 17 Javascript
JS实现pasteHTML兼容ie,firefox,chrome的方法
Jun 22 Javascript
jQuery实现弹窗居中效果类似alert()
Feb 27 Javascript
JavaScript中各数制转换全面总结
Aug 21 Javascript
JS中call和apply函数用法实例分析
Jun 20 Javascript
详解小程序循环require之坑
Mar 08 Javascript
小程序中英文混合排序问题解决
Aug 02 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 在线翻译函数代码
2009/05/07 PHP
注册页面之前先验证用户名是否存在的php代码
2012/07/14 PHP
php求一个网段开始与结束IP地址的方法
2015/07/09 PHP
PHP设计模式(七)组合模式Composite实例详解【结构型】
2020/05/02 PHP
Highcharts 非常实用的Javascript统计图demo示例
2013/07/03 Javascript
js字符串转成JSON
2013/11/07 Javascript
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
2013/11/21 Javascript
jQuery中:not选择器用法实例
2014/12/30 Javascript
js判断浏览器版本以及浏览器内核的方法
2015/01/20 Javascript
javascript实现tab切换的两个实例
2015/11/05 Javascript
使用Bootstrap美化按钮实例代码(demo)
2017/02/03 Javascript
Vue的MVVM实现方法
2017/08/16 Javascript
浅谈Vue SSR 的 Cookies 问题
2017/11/20 Javascript
利用ES6实现单例模式及其应用详解
2017/12/09 Javascript
原生js实现简单的焦点图效果实例
2017/12/14 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
2018/04/25 Javascript
小程序点击图片实现png转jpg
2019/10/22 Javascript
Vant 在vue-cli 4.x中按需加载操作
2020/11/05 Javascript
微信小程序轮播图swiper代码详解
2020/12/01 Javascript
整理Python中的赋值运算符
2015/05/13 Python
Python的Flask框架标配模板引擎Jinja2的使用教程
2016/07/12 Python
Python爬取网页中的图片(搜狗图片)详解
2017/03/23 Python
python3实现全角和半角字符转换的方法示例
2017/09/21 Python
微信跳一跳python代码实现
2018/01/05 Python
详解Python使用Plotly绘图工具,绘制甘特图
2019/04/02 Python
Win下PyInstaller 安装和使用教程
2019/12/25 Python
如何在Django中使用聚合的实现示例
2020/03/23 Python
python 最简单的实现适配器设计模式的示例
2020/06/30 Python
Matplotlib.pyplot 三维绘图的实现示例
2020/07/28 Python
python+appium+yaml移动端自动化测试框架实现详解
2020/11/24 Python
canvas学习和滤镜实现代码
2018/08/22 HTML / CSS
linux系统都有哪些运行级别
2016/03/26 面试题
《中国梦我的梦》大学生演讲稿
2014/08/20 职场文书
社区党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
《卧薪尝胆》读后感3篇
2019/12/26 职场文书
Nginx实现会话保持的两种方式
2022/03/18 Servers