定时器设置与取消

来源：互联网发布：淘宝拍卖烂尾楼编辑：程序博客网时间：2024/06/02 05:01

写在前面

通过JavaScript原生的setInterval()和clearInterval()设置一个定时器和取消该定时器，从而控制页面自动生成一些内容并提供停止的功能。

代码

<p id="para">para:</p><button>stop</button><script>    function add() {        $("#para").append("add <strong>this is strong</strong> something<br>");    }    var repeat=setInterval("add()",1500);    $("button").click(function () {        clearInterval(repeat);    });</script>

add函数向页面的一段增加内容；
var repeat=setInterval("add()",1500);设置定时器，定时间隔为1500毫秒。
页面中的button提供停止定时器的功能。通过clearInterval（）实现，而它的参数为定义的定时器。

代码全文

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="../../lib/jquery/jquery.js"></script></head><body><p id="para">para:</p><button>stop</button><script>    function add() {        $("#para").append("add <strong>this is strong</strong> something<br>");    }    var repeat=setInterval("add()",1500);    $("button").click(function () {        clearInterval(repeat);    });</script></body></html>

0 0