养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js定时器如何实现数字每2秒加1

时间:2024-10-21 11:51:41

在js中,可以使用setInterval()定时器实现数字每2秒加1。下面小编举例讲解js定时器如何实现数字每2秒加1。

js定时器如何实现数字每2秒加1

工具/原料

html+js

代码编辑器:DreamweaverCS5

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解js定时器如何实现数字每2秒加1。

js定时器如何实现数字每2秒加1

2、在test.html文件内,创建一个p标签,p标签内容写上0,并设置p标签的id为mynum。

js定时器如何实现数字每2秒加1

3、在js标签内,通过id获得p标签对象,保存在obj变量中。同时通过innerTex隋茚粟胫t属性获得p标签内的数字,保存在num变量中。

js定时器如何实现数字每2秒加1

4、在js标签内,使用setInterval()定时器,每隔2秒执行一次function方法。

js定时器如何实现数字每2秒加1

5、在function方法内,让num数字自加1,并通过innerText属性将自加后的数字写到p标签内。

js定时器如何实现数字每2秒加1

6、在浏览器打开test.html文件,查看实现的效果。

js定时器如何实现数字每2秒加1

© 一点知识