http://www.yuyong.net

手把手教你js定时器重复执行方法

电脑现已成为我们工作、生活和娱乐必不可少的工具了,在使用电脑的过程中,可能会遇到js定时器重复执行方法的问题,如果我们遇到了js定时器重复执行方法的情况,该怎么处理怎么...

电脑现已成为我们工作、生活和娱乐必不可少的工具了,在使用电脑的过程中,可能会遇到js定时器重复执行方法的问题,如果我们遇到了js定时器重复执行方法的情况,该怎么处理怎么才能解决js定时器重复执行方法带来的困扰呢,对于这样的问题其实我们只需要js定时器使用vs2017新建一个html页面js重复执行的方法有2中setInterval()setTimeout()要想重复执行我们需要setInterval()来看一下setInterval()的语法我们写一个定时器,用来显示时间添加js方法每秒更新一下当前的时间看起来就像时钟在走一样运行起来看效果完整代码手把手教你js定时器重复执行方法

新建一个html页面

手把手教你js定时器重复执行方法

js重复执行的方法有2中

setInterval()

setTimeout()

要想重复执行我们需要setInterval()

来看一下setInterval()的语法

手把手教你js定时器重复执行方法

我们写一个定时器,用来显示时间

手把手教你js定时器重复执行方法

添加js方法

每秒更新一下当前的时间

看起来就像时钟在走一样

手把手教你js定时器重复执行方法

运行起来看效果

手把手教你js定时器重复执行方法

完整代码

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta charset="utf-8" />

<title></title>

<script src="/uploads/allimg/200812/1I5564547-6.jpg"></script>

<script>

$(function () {

var time = setInterval(function () {

$("#lbl").text(new Date());

}, 1000);

})

</script>

</head>

<body>

当前时间:<label id="lbl"></label>

</body>

</html>

手把手教你js定时器重复执行方法

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。