JavaScript 记时(Timing)

最新推荐文章于 2022-08-31 13:51:59 发布

GXing007

最新推荐文章于 2022-08-31 13:51:59 发布

阅读量265

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/GXing007/article/details/79420346

版权

JavaScript 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

通过使用JavaScript,我们有能力做到在一个设定的时间间隔之后执行代码,而不是在函数被调用后立即执行，我们称之为计时事件。

在JavaScript中使用计时事件是很容易的,两个关键的方法是：

setTimeout() 未来的某时执行代码

clearTimeout() 取消 setTimeout()

setTimeout() 语法

var t=setTimeout('javascript语句'，毫秒)；

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

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

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

1000毫秒=1s

无穷循环

要创建一个用于无穷循环的计时器，我们需要编写一个函数来调用其自身

eg：

<html>

<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
 {
 document.getElementById('txt').value=c
 c=c+1
 t=setTimeout("timedCount()",1000)
 }
</script>
</head>

<body>
<form>
<input type="button" value="Start count!" onClick="timedCount()">
<input type="text" id="txt">
</form>
</body>

</html>

clearTimeout()

eg：

<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>

GXing007

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 记时(Timing)

通过使用JavaScript,我们有能力做到在一个设定的时间间隔之后执行代码,而不是在函数被调用后立即执行，我们称之为计时事件。在JavaScript中使用计时事件是很容易的,两个关键的方法是：setTimeout() 未来的某时执行代码clearTimeout() 取消 setTimeout()setTimeout() 语法var t=setTimeout('javascrip...
复制链接

扫一扫