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怎样修改表
  • 热门搜索
    5.1旅游好去处 过年去哪里旅游比较好 国家旅游局提示:赴韩国旅游风险 去日本旅游签证 冬天适合去哪里旅游 深圳华侨城旅游度假区 厦门旅游婚纱 长治旅游景点大全 厦门旅游团 野山坡旅游景点