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

今天写了一个动态设置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()，时间间隔从输入框中获取，点击停止按钮清除定时器。

JQuery 动态设置setInterval定时器时间间隔相关推荐

vue 模拟随机变速的动态打字特效【支持多行文本】（含css实现闪烁光标，js动态改变setInterval定时器的时间间隔）
随机变速的动态打字特效–最终效果随机变速的动态打字特效–完整代码 <template><div class="contentBox"><span&g ...
Layui中Jquery动态设置的select标签加载时而正常时而失效问题排查和解决
1.背景前段使用Layui框架,jQuery动态设置的下拉框select标签,加载时而正常时而失效. 本地调试完全没有问题,但是在服务器运行加载成功和失败的比例五五开. 2.解决问题原因:Layu ...
如何通过jQuery动态设置元素CSS的样式，以及HTML中CSS “内联式”、“嵌套式”、“外联式”使用方法
html元素使用CSS渲染标签的样式,可以通过内联式.嵌套式.外联式来将CSS样式添加到html中.有时候涉及到动态的参数,或者在事件中需要修改不同元素的CSS样式时,可以通过js获取目标元素,再其修 ...
jQuery动态设置输出窗口的高度
window.onscroll = function () { sc(); };//当系统滚屏时触发 window.onresize = function () { sc(); };//改变窗口大小时 ...
jQuery动态设置样式List item
前段时间,Insus.NET有修改一个功能<激活当前视图菜单高亮呈现>http://www.cnblogs.com/insus/p/5287093.html 今天Insus.NET想改用另 ...
H5 通过jquery动态的设置video src的值无法播放视频？
通过jquery动态的设置video src的值无法播放视频?参考链接: h5 动态更改链接 <div id="video-box"><video style=& ...
jQuery - 实现设置指定列给动态表格的行生成自动序号
jQuery - 实现设置指定列给动态表格的行生成自动序号无表头表格 HTML jQuery 示意图有表头表格 HTML jQuery 示意图无表头表格 HTML <table id=&q ...
公益图书馆-学习笔记五-jquery来动态设置div高度
使用jquery来设置html元素的显示与隐藏属性,同时调整div的高度注意1:jquery无法获取图片高度!因为jquery是在网页框架加载完就立即执行,此时网页里的图片还没有加载,被jquery ...
js+html2canvas实现网页放大镜效果：放大镜图片使用css样式background背景图，鼠标移动使用样式background-position动态设置
实现效果: 鼠标移动到需要放大的网页上时,鼠标静止不动500毫秒后,一个长方形的放大镜框显示,放大镜中显示当前区域2.2倍的效果,并且这时候鼠标移动放大的区域也跟着变化.放大镜限制:放大 ...
怎样设置html的元素属性,Jquery怎么设置元素的属性和样式？
Jquery怎么设置元素的属性和样式?下面本篇文章给大家介绍一下使用jQuery操作元素属性与样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 元素属性和Dom属性对于下 ...

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

JQuery 动态设置setInterval定时器时间间隔相关推荐

最新文章

热门文章