好久不见啦，大家，这么快一周的时间就这么过去了 ，我又为大家带来回顾复习以前的一些知识点了，这次是一个关于时间累加的函数，代码如下。
| <!DOCTYPE html> | |
| <html> | |
| <head lang="en"> | |
| <meta charset="UTF-8"> | |
| <title></title> | |
| </head> | |
| <body> | |
| <input type="text" id="txtnum" value="0"/> | |
| <br/> | |
| <button onclick="numadd()" id="btnadd">累加</button> | |
| <button onclick="numpause()" disabled id="btnpause">暂停</button> | |
| <script> | |
| var id; | |
| function numadd(){ | |
| var txtnum = document.getElementById('txtnum'); | |
| txtnum.value = parseInt(txtnum.value) + 1; | |
| document.getElementById('btnadd').disabled = true; | |
| document.getElementById('btnpause').disabled = false; | |
| // setTimeout 间隔多少毫秒后调用一次 | |
| id = setTimeout(numadd, 500); | |
| } | |
| function numpause(){ | |
| clearTimeout(id); | |
| document.getElementById('btnadd').disabled = false; | |
| document.getElementById('btnpause').disabled = true; | |
| } | |
| </script> | |
| </body> | |
| </html> |
这里利用了一个时间暂函数 settime 实现了暂停的功能 改善用户体验。