JavaScript setTimeout() clearTimeout() 方法

最新推荐文章于 2022-03-22 23:56:46 发布
最新推荐文章于 2022-03-22 23:56:46 发布
阅读量3.5k 收藏 1
点赞数 1
分类专栏： JavaScript

HTML DOM setTimeout() 方法


定义和用法

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

语法

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

提示和注释

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

实例1

一个时钟： 

<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10) 
  {i="0" + i}
  return i
}
</script>
</head>

<body οnlοad="startTime()">
<div id="txt"></div>
</body>

实例2

带有停止按钮的计时程序： 
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}

function stopCount()
{
clearTimeout(t)
}
</script>
</head>

<body>
<form>
<input type="button" value="开始计时！" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止计时！" onClick="stopCount()">
</form>

<p>
请点击上面的“开始计时”按钮。输入框会从 0 开始一直进行计时。点击“停止计时”可停止计时。
</p>


HTML DOM clearTimeout() 方法

定义和用法

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

语法

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



转自w3school

ssisse
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中停止执行setInterval和setTimeout事件的方法
10-24
主要介绍了JavaScript中停止执行setInterval和setTimeout事件的方法,本文给出操作实例代码和语法介绍,需要的朋友可以参考下
JavaScript计时器用法分析【setTimeout和clearTimeout】
10-20
JavaScript中的setTimeout和clearTimeout是两个非常重要的计时器函数，它们允许我们在指定的时间后执行一段代码，也可以取消之前设定的计时器。 首先，setTimeout函数的基本用法是`setTimeout(code, delay)`，其中...
setTimeout( )
faunjoe的专栏
05-27 573
setTimeout( )德嘉書業 / 德嘉資訊科技 (www.takka.com.hk)　作者: 伍新華 Email: ng-sun-wah@graduate.hku.hk 10.1　setTimeout( )1.　setTimeout( ) 語法例子2.　用 setTimeout() 來執行 function3.　不斷重複執行的 setTimeout( )
js 中的SetTimeOut()
u010450065的专栏
10-31 3994
setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method setTimeout setTimeout 语法例子 用 setTimeout 来执行 function 不断重复执行的 setTimeout 设定条件使 setTi
setTimeout和clearTimeout的用法
weixin_33906657的博客
04-30 308
setTimeout 设置定时器，在一段时间之后执行指定的代码，setTimeout与setInterval的区别在于setTimeout函数指定的代码仅执行一次 方法一： window.setTimeout("alert('ok')",5000); 方法二： window.setTimeout(function() {    alert("Ok"); }, 5000); 方法三...
javascript中clearTimeout
imzhchl的专栏
06-10 2042
setTimeout("function",time) 设置一个超时对象 clearTimeout(对象) 清除已设置的setTimeout对象var time1;showTime();function showTime(){　　var today = new Date();　　alert("The time is: " + today.toString());　　timer1 = setTimeout("showTime()", 5000);}function cleartime(){clearTimeo
await-timeout:基于Promise的API，用于setTimeout clearTimeout
05-25
一个基于的API，用于setTimeout / clearTimeout 内容 。延迟 动机 相关资源 执照 安装 npm install await-timeout --save 用法 请稍等片刻： import Timeout from 'await-timeout' ; // wait 1000 ms and ...
JavaScript setTimeout和setInterval的使用方法 说明
10-29
综上所述，setTimeout和setInterval是JavaScript中实现定时任务的两个常用方法。setTimeout适用于执行一次延时任务，而setInterval适用于需要周期性执行的任务。在实际开发中，合理使用这两者可以帮助我们控制代码的...
JavaScript基于setTimeout实现计数的方法
10-24
通过上述方法，我们可以利用JavaScript中的setTimeout函数实现灵活的计数逻辑。这种计数逻辑不仅在Web前端开发中有着广泛的应用，也为异步编程提供了有力支持。随着前端技术的发展，理解和掌握这些基本的JavaScript...
JS之setTimeOut与clearTimeOut
weixin_30372371的博客
11-30 121
小练习1：针对HTML，分别使用 setTimeout 和 setInterval 实现以下功能： 点击按钮时，开始改变 fade-obj 的透明度，开始一个淡出（逐渐消失）动画，直到透明度为0 在动画过程中，按钮的状态变为不可点击 在动画结束后，按钮状态恢复，且文字变成“淡入” 在 按钮显示 淡入 的状态时，点击按钮，开始一个“淡入”（逐渐出现）的动画，和上面类似按钮不可点，直到透明...
setTimeout 和 clearTimeout
Tarafireworks的博客
08-24 1万+
1.先写一个错误的例子： function DealSomething() { //write some code window.setTimeout(function () { alert(“已经等待超过10分钟，自动关闭页面。”); }, 600000); } 这个例子的行为：不管是否处理完，超过10分钟后，都弹出这个alert框来。 2.再看另一个错误的例子，这次使用了clearTimeout函数来清除setTimeout。 func
HTML DOM clearTimeout() 方法
weixin_33994429的博客
12-08 51
转自：http://www.w3school.com.cn/jsref/met_win_cleartimeout.asp 定义和用法 clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。   1 &lt;html&gt; 2 &lt;head&gt; 3 &lt;script type="text/javascript"&gt; 4 var ...
setTimeout和clearTimeout
pursuer211的专栏
08-01 1172
setTimeout() 方法的返回值是一个唯一的数值，这个数值有什么用呢？如果你想要终止 setTimeout() 方法的执行，那就必须使用 clearTimeout() 方法来终止，而使用这个方法的时候，系统必须知道你到底要终止的是哪一个 setTimeout() 方法 (因为你可能同时调用了好几个 setTimeout() 方法)，这样 clearTimeout() 方法就需要一个参数，
Javascript中setTimeout()和clearTimeout()还有setInterval()用法
01-16 7300
var timeout; timeout = setTimeout(hideResultsNow, 200);   //设定一个延迟时间，时间到了才会执行相应的method clearTimeout(timeout); //使它停下来，这就要用到clearTimeout()。 setInterval("reloop()",1000);  //循环执行指定方法
setTimeout,clearTimeout的一些好用法
weixin_34166472的博客
01-24 379
if(hidden != 1){ $.ui.showMask(); var _aaa = setTimeout(function(){ $.ui.hideMask(); },5000); } //beforeSend,complete有方法但不能用 var url ...
js中settimeout的终止
热门推荐
03-29 1万+
在js中做定时操作一般会用到 settimeout，但是如果想要终止setTimeout的话，就需要用到方法 clearTimeout();   var t; function print(){ alert("ok"); t=setTimeout("print()",3000);//setTimeout会有一个返回值 } function stop（）{ t &am...
JS中的 setTimeout 和 clearTimeout
ToSimple的博客
06-30 1661
前言 有时需要延迟执行某个函数，可以考虑使用 setTimeout 方法；如果在超时时间内发生了某个事件，想要取消执行之前设置的方法，可以使用 clearTimeout 清理掉之前设置的 timeout 对象。 setTimeout setTimeout(function() { console.info(‘exec action') }, 3000) setTimeout 有两个参数，第一个参数是一个函数，表示需要延迟执行的函数。 第二参数是延迟时间，默认单位为毫秒，上面表示 3000 毫秒。
setTimeout()和clearTimeout用法详解
小太阳的博客
03-22 1万+
setTimeout()是window的方法，该方法用于在指定毫秒数后调用函数或者计算表达式。 我们一般常用的参数是两个，今天发现还有第三个参数 语法如下： setTimeout(code, delay, arg1, arg2, ...) // 不推荐 setTimeout(function() {}, delay, arg1, arg2, ...) 对于code这种方式，你可以使用字符串而不是安全function 的，在delay使用之后编译和执行字符串（使用该语法是不推荐的， 原因和 eval(.
js中setTimeout和clearTimeout的使用
zhangge3663的博客
07-28 619
setTimeout，延迟n秒后执行指定代码 clearTimeout，清除计时器 <html> <head> <script type="text/javascript"> var c=0; var t function timedCount() { document.getElementById('txt').value = c
详解JavaScript setTimeout()函数及其应用与clearTimeout方法
- 当需要提前结束定时任务时，可以使用`clearTimeout()`方法，它接收一个之前由`setTimeout()`返回的唯一标识符作为参数。例如，`let timerId = setTimeout(function, delay);`之后，如果不再需要这个定时器，可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值