JQuery 动态设置setInterval定时器时间间隔

最新推荐文章于 2022-06-10 13:42:14 发布

Aiqian9

最新推荐文章于 2022-06-10 13:42:14 发布

阅读量4.8k

点赞数

文章标签： setInterval JQuery 定时器

本文链接：https://blog.csdn.net/Amazing20/article/details/98503779

版权

今天写了一个动态设置setInterval定时器时间间隔的功能，再次记录一下。

根据按钮对页面定时器进行开和关，根据输入框对定时器时间进行改变

下面是界面代码

<th >&nbsp;&nbsp;刷新频率(秒)：</th>
<td>
    <input id="frequency" name="frequency" style="width:100px;" type="number" value="5" />
</td>
<td>
    <input type="button" value="开 始" id="refreshStart" name="refreshStart" class="btn"/>
    &nbsp;&nbsp;
    <input type="button" value="停 止" id="refreshEnd" name="refreshEnd" class="btn"/>
</td>

下面是jQuery 文件

$(function () {
    var interval;
    
    function refreshTable() {
        
    }

    $("#refreshStart").click(function (evn) {
        refreshTable()
        interval = setInterval(function () { refreshTable() }, parseInt($("#frequency").val())*1000)
    });

    $("#refreshEnd").click(function (evn) {
        clearInterval(interval);
    });
 
});

先定义全局变量interval，点击开始按钮启动定时器，定时执行函数refreshTable()，时间间隔从输入框中获取，点击停止按钮清除定时器。