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

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

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

文章插图

需要这些哦
html+js
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件 , 定名为test.html , 用于讲解js按时器若何实现数字每2秒加1 。
js定时器如何实现数字每2秒加1

文章插图

2【js定时器如何实现数字每2秒加1】在test.html文件内 , 建立一个p标签 , p标签内容写上0 , 并设置p标签的id为mynum 。
js定时器如何实现数字每2秒加1

文章插图

3在js标签内 , 经由过程id获得p标签对象 , 保留在obj变量中 。 同时经由过程innerText属性获得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

文章插图

总结:11、建立一个p标签 , p标签内容写上0 , 并设置p标签的id为mynum 。
2、经由过程id获得p标签对象 , 并经由过程innerText属性获得p标签内的数字 。
3、利用setInterval()按时器 , 每隔2秒让数字自加1 , 并经由过程innerText属性将自加后的数字写到p标签内 。


以上内容就是js定时器如何实现数字每2秒加1的内容啦 , 希望对你有所帮助哦!

    推荐阅读