jQuery延时插件doTimeout

浏览数：46 / 时间：2015年06月09日

在很多的具体应用中都需要使用事件延迟触发，具体实现上使用setTimeout 函数，但使用还是有很多的不方便，所以这里介绍一个jQuery插件doTimeout，这个插件可以实现setTimeout 一样的效果，而且使用简单，同时可以在timeout运行之前可强制执行回调函数等。支持jQuery的链式调用。

使用实例
一，包含文件部分精心开发5年的UI前端框架！

<script type="text/javascript" src="http://banu.blog.163.com/blog/jquery.JS"></script>
<script type="text/javascript" src="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