js实现可刷新的简易计时器
来源:互联网 发布:淘宝叶罗丽娃娃 编辑:程序博客网 时间:2024/05/16 05:01
由于我系统的需求,需要一个计时器功能,并且当input焦点变化时刷新,当超过最大时长之后执行某表单保存方法。现将此段代码记录下来:
<body> <input type="text" id="lable" readonly/> <input type="text" name="demo-input" style="width: 500px" placeholder="任何input框获得或失去焦点时,视为正在操作,计时器将重置" /></body><script type="text/javascript" src="jquery.min.js"></script><script type="text/javascript">(function(){ timing(function(){ $('#lable').val('Successful auto saved!'); },5);})();/** * 计时器方法 * * @param {function} save 自定义save方法,时间超过max后自动执行此方法 * @param {int} maxTime 最大时间 * @return {int} k 可通过返回值k通过clearInterval(k)关闭定时器 */function timing(save,maxTime){ var timer = 0, clear = function(){ timer = 0; }, save_clear = function(){ save(); clear(); }; $('input').focus(function(){ clear(); }).blur(function(){ clear(); }) return setInterval(function(){ $('#lable').val(maxTime - timer); timer >= maxTime ? save_clear() : timer += 1; },1000);}</script>
阅读全文
1 0
- js实现可刷新的简易计时器
- 简易的js计时器类
- 简易时间计时器的实现
- JS简易秒表计时器
- JS简易秒表计时器
- JavaScript实现简易计时器
- js计时器实现页面刷新和幻灯片效果
- js倒计时器+防止刷新
- 可等待的计时器
- wp7实现定时刷新(计时器)
- 简易的网上计时器--Cimclock
- 可刷新的JS树形菜单特效
- 可刷新的JS树形菜单特效
- js实现简单计时器
- js实现计时器
- js实现的简易万年历
- js实现简易的计算器
- [安卓初学者实验]使用计时器(Chronometer)实现可暂停的计时器
- Android单元测试那些事儿(一)
- SpringMVC首个程序
- 手机移动端WEB资源整合
- Java保留两位小数的几种方法
- 二进制中1的个数、数值的整数次方,数组调整奇数在前偶数在后顺序不变 -- 漫漫算法路 刷题篇
- js实现可刷新的简易计时器
- Android中LocalSocket实战
- 2017.8.26 力 思考记录
- jgGrid 添加时400错误
- 蟠桃记——递归
- 实现Repeater控件的记录单选(二)
- 【背包专题】G
- C/C++volatile关键字详解
- Type 'com.itextpdf.text.List' does not have type parameter