首页 > 代码库 > jQuery延时插件doTimeout
jQuery延时插件doTimeout
在很多的具体应用中都需要使用事件延迟触发,具体实现上使用setTimeout 函数,但使用还是有很多的不方便,所以这里介绍一个jQuery插件doTimeout,这个插件可以实现setTimeout 一样的效果,而且使用简单,同时可以在timeout运行之前可强制执行回调函数等。支持jQuery的链式调用。
使用实例
一,包含文件部分 精心开发5年的UI前端框架!
一,包含文件部分 精心开发5年的UI前端框架!
<script type="text/javascript" src=http://www.mamicode.com/"http://banu.blog.163.com/blog/jquery.JS"></script>
<script type="text/javascript" src=http://www.mamicode.com/"http://banu.blog.163.com/blog/jquery.do-timeout.js"></script>
二,HTML部分
<p id="text-input">biuuu.com</p> <form action=''> <input type="text" name="whatever"> </form>
三,Javascript部分 精心开发5年的UI前端框架!
$(function(){ var default_text = $('p.textfield').text(); $('form input').keyup(function(){ $(this).doTimeout( 'typing', 250, function(){ $('#text-input').text( $(this).val() || default_text ); }); }); });
如上实例,实现了一个延迟触发键盘keyup事件的功能,并把当前输入的字符显示在ID为text-input的DIV层中。
具体的应用可查看doTimeout的JS库文件,轻松实现个性化的事件延迟触发功能。
jQuery延时插件doTimeout
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。