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 相关文章推荐
JavaScript 学习笔记(十二) dom
Jan 21 Javascript
jquery click([data],fn)使用方法实例介绍
Jul 08 Javascript
jQuery.prop() 使用详解
Jul 19 Javascript
javascript中$(function() {});写与不写有哪些区别
Aug 10 Javascript
javascript正则表达式模糊匹配IP地址功能示例
Jan 06 Javascript
详解浏览器渲染页面过程
Feb 09 Javascript
JS实现按钮控制计时开始和停止功能
Jul 27 Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
Apr 24 Javascript
详解Vue底部导航栏组件
May 02 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
May 13 Javascript
JQuery属性操作与循环用法示例
May 15 jQuery
Layui Table js 模拟选中checkbox的例子
Sep 03 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二分法在IP地址查询中的应用
2008/08/12 PHP
php关于array_multisort多维数组排序的使用说明
2011/01/04 PHP
php生成二维码的几种方式整理及使用实例
2013/06/03 PHP
destoon二次开发模板及调用语法汇总
2014/06/21 PHP
PHP使用PHPExcel实现批量上传到数据库的方法
2017/06/08 PHP
web前端开发也需要日志
2010/12/09 Javascript
基于jquery的15款幻灯片插件
2011/04/10 Javascript
Google Dart编程语法和基本类型学习教程
2013/11/27 Javascript
js简单实现删除记录时的提示效果
2013/12/05 Javascript
JSON中双引号的轮回使用过程中一定要小心
2014/03/05 Javascript
JavaScript 基本概念
2015/01/20 Javascript
NodeJS Web应用监听sock文件实例
2015/02/18 NodeJs
JS+CSS简单树形菜单实现方法
2015/09/12 Javascript
javascript jquery对form元素的常见操作详解
2016/06/12 Javascript
js生成随机数(指定范围)的实例代码
2016/07/10 Javascript
JavaScript蒙板(model)功能的简单实现代码
2016/08/04 Javascript
Bootstrap fileinput组件封装及使用详解
2017/03/10 Javascript
用vscode开发vue应用的方法步骤
2019/05/06 Javascript
在pycharm中开发vue的方法步骤
2020/03/04 Javascript
python获取外网ip地址的方法总结
2015/07/02 Python
Apache如何部署django项目
2017/05/21 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
Python 通过requests实现腾讯新闻抓取爬虫的方法
2019/02/22 Python
利用Tensorboard绘制网络识别准确率和loss曲线实例
2020/02/15 Python
python关于变量名的基础知识点
2020/03/03 Python
python如何运行js语句
2020/09/09 Python
python 实现ping测试延迟的两种方法
2020/12/10 Python
Sperry官网:帆船鞋创始品牌
2016/09/07 全球购物
一级方程式赛车官方网上商店:F1 Store(支持中文)
2018/01/12 全球购物
Sunglasses Shop英国:欧洲领先的太阳镜在线供应商之一
2018/09/19 全球购物
日期和时间问题
2015/01/04 面试题
大学运动会入场词
2014/02/22 职场文书
青年志愿者活动总结
2014/04/26 职场文书
2015年绩效考核工作总结
2015/05/23 职场文书
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
2021/12/06 HTML / CSS