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. GPS坐标转化距离（短距离模型公式）
			
    下面是C#计算方法: class Program { const double EARTH_RADIUS = 6378.137; static void Main(string[] args) { d ...
    
			
    2. 
						
  2. python 读取文件生成嵌套列表
			
    def read_data(file_name): if not re.findall(".txt", file_name): file_name += ".txt&qu ...
    
			
    3. 
						
  3. qrcode.js扫码邀请
			
    //js引用部分<script src="../qrcode.js" type="text/javascript"></script>  ...
    
			
    4. 
						
  4. node.js 的介绍
			
    1.node.js是什么? (1)node.js不是一门编程语言, 是一个开发平台,就像Java开发平台,Net平台,PHP开发平台,Apple开发平台.(何为开发平台?有对应的编程语言,有语言运行时 ...
    
			
    5. 
						
  5. Linux从入门到适应（二）：更换清华源
			
    1 进入到/etc/apt文件夹当中,找到sources.list,将其备份.命令:cp -p sources.list sources.list.old 2 采用管理员方式打开sources.lis ...
    
			
    6. 
						
  6. 用SQLyog或Navicat远程连接数据库
			
    以SQLyog为例(Navicat同理): 登录远程数据库服务器查看当前存在用户:即点击用户管理器(人像图标),查看用户. 1)如果某一用户 主机一栏中是"%",则表示本用户是开放 ...
    
			
    7. 
						
  7. 如何系统学习并且掌握JavaScript
			
    
			
    8. 
						
  8. buf.slice()
			
    buf.slice([start[, end]]) start {Number} 默认:0 end {Number} 默认:buffer.length 返回:{Buffer} 返回一个指向相同原始内存 ...
    
			
    9. 
						
  9. 22Spring基于配置文件的方式配置AOP
			
    直接看代码: package com.cn.spring.aop.impl; //加减乘除的接口类 public interface ArithmeticCalculator { int add(in ...
    
			
    10. 
						
  10. js 循环   js创建数组
			
    循环 for (var i = 0; i < myArray.length; i++) { console.log(myArray[i]); }; for (var arr in myArray ...
    
			
    11.