js定时器重复执行方法

 时间:2026-02-12 10:12:40

1、使用vs2017

js定时器重复执行方法

2、新建一个html页面

js定时器重复执行方法

3、js重复执行的方法有2中

setInterval() 

setTimeout() 

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

来看一下setInterval()的语法

js定时器重复执行方法

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

js定时器重复执行方法

5、添加js方法

每秒更新一下当前的时间

看起来就像时钟在走一样

js定时器重复执行方法

6、运行起来看效果

js定时器重复执行方法

7、完整代码

<!DOCTYPE html>

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

<head>

    <meta charset="utf-8" />

    <title></title>

    <script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.js"></script>

    <script>

        $(function () {

            var time = setInterval(function () {

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

            }, 1000);

        })

    </script>

</head>

<body>

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

</body>

</html>

js定时器重复执行方法

  • 画笔程序怎样调节所画箭头线条的粗细?
  • 使用虚拟打印机的方法
  • WPS中如何调整已插入控件的属性
  • PyQt5-如何创建弹窗 (QDialog)
  • Hive怎样修改表
  • 热门搜索
    南通旅游景点 常州旅游景点 广州周边旅游 北京旅游攻略自助游 康定旅游 菏泽旅游 荷兰旅游 欣欣旅游 云南旅游攻略自由行 鲅鱼圈旅游攻略