当前位置：首页 > news >正文

营销类网站模板友情链接导航

news 2025/7/19 19:56:27

营销类网站模板,友情链接导航,游戏网页设计,产品推广的网站怎么做基本概念 js 定时器有以下两个方法： setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。setTimeout() ：在指定的毫秒数后…

基本概念

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

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

setInterval()

语法

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>

setTimeout()

语法

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>

常见问题

1、出现变量未定义（xxx is not defined）

常见为回调函数未定义

setTimeout方法是挂在window对象下的。《JavaScript高级程序设计》第二版中，写到：“超时调用的代码都是在全局作用域中执行的，因此函数中this的值在非严格模式下指向window对象，在严格模式下是undefined”。在这里，我们只讨论非严格模式。
//String Code
function test (){var a=1;setTimeout("a++",100);//a is not defined;
}
test();
//Lambda表达式
function test (){var a=1;setTimeout(function(){a++;console.log(a); //正常运行，却打印出结果2；},100);
}
test();
第一种形式（String Code）的情况，定时器汇总调用的是全局变量a,而上下文中定义的变量是局部变量，所以会报错；

第二种形式（函数形式）可以这么理解：在这里匿名函数的使用形成了一个闭包，从而能访问到外层函数的局部变量。只是这种闭包，跟常见的闭包不同，因为函数式放在setTimeout里面。