【JavaScript】——时间控制

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

语法

setTimeout(code,millisec)

参数	描述
code	必需。要调用的函数后要执行的 JavaScript 代码串。
millisec	必需。在执行代码前需等待的毫秒数。

提示和注释

提示：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

 

 

HTML DOM clearTimeout() 方法

定义和用法

clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。

语法

clearTimeout(id_of_settimeout)

参数	描述
id_of_settimeout	由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

 

<scripttype="text/javascript">

 

       onload = function () {

           var txt1 = document.getElementById("txt1");

           var txt2 = document.getElementById("txt2");

           var timeoutId;

           txt2.onkeyup = function () {

                // 关闭旧的延时

                clearTimeout(timeoutId); // 如果已经关闭或没有数据，这句话无效

 

                // 开启新的延时

                timeoutId = setTimeout(function() {

                    txt1.value = txt2.value;

                }, 500);

           };

       };

</script>