js 定时器有以下两个方法：

  • setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。
  • setTimeout() ：在指定的毫秒数后调用函数或计算表达式。

语法

1、setInterval(code,millisec,lang)
参数 描述
code 必需。要调用的函数或要执行的代码串。
millisec 必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。
lang 可选。 JScript | VBScript | JavaScript

以下实例在每 1000 毫秒执行 clock() 函数。实例中也包含了停止执行的按钮:

<html>

<body>

<input type="text" id="clock" />

<script type="text/javascript">

var int=self.setInterval("clock()",1000);

function clock()

{

var d=new Date();

var t=d.toLocaleTimeString();

document.getElementById("clock").value=t;

}

</script>

<button onclick="int=window.clearInterval(int)">停止</button>

</body>

</html>


2、setTimeout(code,millisec,lang)






参数
描述




code
必需。要调用的函数后要执行的 JavaScript 代码串。




millisec
必需。在执行代码前需等待的毫秒数。




lang
可选。脚本语言可以是：JScript | VBScript | JavaScript






实例演示如下：




<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

</head>

<body>

<p>点击按钮，在等待 3 秒后弹出 "Hello"。</p>

<button onclick="myFunction()">点我</button>

<script>

function myFunction()

{

    setTimeout(function(){alert("Hello")},3000);

}

</script>

</body>

</html>




												


											
JavaScript基础 -- 定时器的更多相关文章
	

    
								
  1. 【JavaScript基础】Js的定时器（你想看的原理也在哟）
		
    [JavaScript基础]Js的定时器(你想看的原理也在哟) 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 说明 本章是经历 ...
    
		
    2. 
						
  2. javascript基础06
		
      javascript基础06 splice var del_arr = del.splice(0,2); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返 ...
    
		
    3. 
						
  3. javascript基础部分
		
    javascript基础部分 1  数据类型: 基础数据类型(通过typeof来检测):Number,string,undefined,null,boolean,function typeof只能检测 ...
    
		
    4. 
						
  4. javascript基础07
		
    javascript基础07 1.节点 元素.childNodes : 属性 只读 属性 子节点列表集合 元素.childNodes 只包含子节点,不包含孙节点 DOM节点的类型有很多种,w3c标准有 ...
    
		
    5. 
						
  5. JavaScript基础视频教程总结（131-140章）
		
    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
    
		
    6. 
						
  6. JavaScript基础视频教程总结（121-130章）
		
    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
    
		
    7. 
						
  7. JavaScript基础四
		
    1.13 Js中的面向对象 1.13.1 创建对象的几种常用方式 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对象 1.使用Object或 ...
    
		
    8. 
						
  8. JavaScript基础（三）
		
    十三.JS中的面向对象 创建对象的几种常用方式 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对象 1.使用Object或对象字面量创建对象 ...
    
		
    9. 
						
  9. JavaScript 基础知识 - BOM篇
		
    前言 本篇文章是JavaScript基础知识的BOM篇,如果前面的<JavaScript基础知识-DOM篇>看完了,现在就可以学习BOM了. 注意: 所有的案例都在这里链接: 提取密码密码 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. eclipse包分层
			
    方法很简单,如下图所示: 1.点击项目栏窗口的右上角的倒三角 2.选择Pachage Presentation(包呈现) 3.选择Hierarchical(分层)
    
			
    2. 
						
  2. tinyXml输出utf-8文档
			
    TiXmlDocument虽然能读取utf-8的xml文件,但读入后在内存中是以多字节存储.如果新建一个TiXmlDocument,即使定义头为utf-8编码,直接调用SaveFile方法保存的文档仍 ...
    
			
    3. 
						
  3. 笔试算法题（27）：判断单向链表是否有环并找出环入口节点 & 判断两棵二元树是否相等
			
    出题:判断一个单向链表是否有环,如果有环则找到环入口节点: 分析: 第一个问题:使用快慢指针(fast指针一次走两步,slow指针一次走一步,并判断是否到达NULL,如果fast==slow成立,则说 ...
    
			
    4. 
						
  4. mybatis传多个参数（不使用@param注解情况下），3.4.2版本之后出现#{0}-#{n}参数绑定异常
			
    解决方案: 在mybatis配置文件中声明setting属性的useActualParamName 参数值为false ** 这种方法解决mybatis3.4.2之后的版本产生该问题的解决方法**
    
			
    5. 
						
  5. 零基础入门学习Python（32）--异常处理：你不可能总是对的
			
    知识点 即便Python程序的语法是正确的,在运行它的时候,也有可能发生错误.运行期检测到的错误被称为异常. 大多数的异常都不会被程序处理,都以错误信息的形式展现在这里: Python标准异常总结 序 ...
    
			
    6. 
						
  6. Buffer.alloc()
			
    Buffer.alloc(size[, fill[, encoding]]) Node.js FS模块方法速查 size {Number} fill {Value} 默认:undefined enco ...
    
			
    7. 
						
  7. Android Studio配置Esri ArcGIS
			
    1.Android Studio中新建项目: 2.打开project根目录下的build.gradle文件 repositories { jcenter() // Add the following  ...
    
			
    8. 
						
  8. bzoj1007 [HNOI2008]水平可见直线 - 几何 - hzwer.com
			
    Description Input 第一行为N(0 < N < 50000),接下来的N行输入Ai,Bi Output 从小到大输出可见直线的编号,两两中间用空格隔开,最后一个数字后面也必 ...
    
			
    9. 
						
  9. 51nod 1010 只包含因子2 3 5的数 && poj - 1338 Ugly Numbers(打表)
			
    http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1010 http://poj.org/problem?id=1338 首先 ...
    
			
    10. 
						
  10. mysql常用jar包
			
    连接Mysql数据库: 常用的连接池有两种 DBCP连接池 C3P0连接池 Apache的commons组件 -- DBCP连接池: commons-dbutils-1.4.jar 封装并简化了JDB ...
    
			
    11.