Rumah  >  Artikel  >  hujung hadapan web  >  JavaScript 中 setTimeout 函数怎么用?

JavaScript 中 setTimeout 函数怎么用?

Guanhui
Guanhuiasal
2020-06-24 15:48:094448semak imbas

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

JavaScript 中 setTimeout 函数怎么用?

浏览器支持

方法 Chrome Internet Explorer / Edge Firefox Safari Opera
setTimeout() 1.0 4.0 1.0 1.0 4.0

示例代码

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);
}

推荐教程:《JS教程

Atas ialah kandungan terperinci JavaScript 中 setTimeout 函数怎么用?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:如何实现AJAX请求?Artikel seterusnya:JS 闭包的作用是什么?