如何使用JavaScript中的setTimeout函数

如何使用JavaScript中的setTimeout函数？针对这个问题，这篇文章给出了相对应的分析和解答，希望能帮助更多想解决这个问题的朋友找到更加简单易行的办法。

成都创新互联是专业的博罗网站建设公司，博罗接单;提供成都做网站、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行博罗网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

JavaScript中的setTimeout函数用于在指定的毫秒数后调用函数或计算表达式。其语法为“setTimeout(func,ms)”，返回值是一个ID，可以将这个ID传递给“clearTimeout”函数来取消执行。

语法

setTimeout(code,millisec)

var t = setTimeout("javascript语句", 毫秒)

setTimeout() 方法会返回某个值。在上面的语句中，值被储存在名为 t 的变量中。假如你希望取消这个 setTimeout()，你可以使用这个变量名来指定它。

setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。这个语句可能诸如 "alert'5 seconds!')"，或者对函数的调用，诸如 alertMsg()"。

第二个参数指示从当前起多少毫秒后执行第一个参数。

浏览器支持

示例代码

3 秒（3000 毫秒）后弹出 "Hello" :

var myVar; 
function myFunction() {
    myVar = setTimeout(alertFunc, 3000);}
 function alertFunc() {
    alert("Hello!");}

在第 2、4、6 秒修改输入框中的文本：

var x = document.getElementById("txt");
setTimeout(function(){ x.value = "2 秒" }, 2000);
setTimeout(function(){ x.value = "4 秒" }, 4000);
setTimeout(function(){ x.value = "6 秒" }, 6000);

使用 clearTimeout() 来阻止函数的执行：

var myVar;
 
function myFunction() {
    myVar = setTimeout(function(){ alert("Hello") }, 3000);
}
 
function myStopFunction() {
    clearTimeout(myVar);
}

关于使用JavaScript中的setTimeout函数就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。