首页 > 软件开发 > JavaScript >

JS怎样设置和清除定时器

来源:互联网 2023-03-16 23:57:35 320

JS定时器当真是妙用无穷啊。今天小编我就给大伙分享JS中怎样设置和清除定时器的经验。希望大家看了这篇经验后能够了解js怎样设置定时器和js怎么样清除定时器。yBx办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • 任意编辑器

方法/步骤

  • 1

    小编我的定时器界面布局如图所示,主要是待会把定时器内容显示在有id的span标签里。然后一个开始按钮用于启动定时器函数,而另外一个停止按钮则是清除定时器的哦。yBx办公区 - 实用经验教程分享!

    JS怎样设置和清除定时器yBx办公区 - 实用经验教程分享!

  • 2

    如图所示,没有内容的span待会启动定时器的时候就会有内容填充。yBx办公区 - 实用经验教程分享!

    JS怎样设置和清除定时器yBx办公区 - 实用经验教程分享!

  • 3

    如图所示,定义全局的变量time并且把setinterval赋值给time变量。yBx办公区 - 实用经验教程分享!

    JS怎样设置和清除定时器yBx办公区 - 实用经验教程分享!

  • 4

    setinterval就是一个定时器啦,我们只要设置好内容(第一个参数)和时间(第二个参数)即可。这样,当点开始按钮后每隔1000毫秒即1秒时间就会执行function,一直执行下去哦。yBx办公区 - 实用经验教程分享!

    JS怎样设置和清除定时器yBx办公区 - 实用经验教程分享!

  • 5

    然后就是清除定时器了,因为time是全局的定时器变量,所以用clearInterval便可以清除定时器啦哟。yBx办公区 - 实用经验教程分享!

    JS怎样设置和清除定时器yBx办公区 - 实用经验教程分享!

  • 5本页面非法爬取自百度经验
  • 6

    如图所示,小编我启动又在几秒后停止了定时器哦。如果再次点击开始则会继续增加数值哦。yBx办公区 - 实用经验教程分享!

    JS怎样设置和清除定时器yBx办公区 - 实用经验教程分享!

  • 注意事项

    • 有用可以收藏。
    • 没用可以吐槽。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!yBx办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码