jQuery插件doTimeout实现事件延迟触发功能

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

使用说明
需要使用jQuery库文件和doTimeout库文件[在线实例][下载]
必优推荐级别：★★★
使用实例
一，包含文件部分

1. <script type="text/JAVAscript" src="http://banu.blog.163.com/blog/jquery.JS"></script>
2. <script type="text/javascript" src="http://banu.blog.163.com/blog/jquery.do-timeout.js"></script>

二，HTML部分

1. <p id="text-input">biuuu.com</p>
2. <form action=''>
3. <input type="text" name="whatever">
4. </form>

三，Javascript部分

1. $(function(){
2. var default_text = $('p.textfield').text();
3. $('form input').keyup(function(){
4. $(this).doTimeout( 'typing', 250, function(){
5. $('#text-input').text( $(this).val() || default_text );
6. });
7. });
8. });

如上实例，实现了一个延迟触发键盘keyup事件的功能，并把当前输入的字符显示在ID为text-input的DIV层中。

具体的应用可查看doTimeout的JS库文件，轻松实现个性化的事件延迟触发功能。

点我下载doTimeout源程序
http://jquerycodes.googlecode.com/files/jquery.do-timeout.rar

转自： http://www.itqun.net/content-detail/280299.html