在很多的具体应用中都需要使用事件延迟触发,具体实现上使用setTimeout 函数,但使用还是有很多的不方便,所以这里介绍一个jQuery插件doTimeout,这个插件可以实现setTimeout 一样的效果,而且使用简单,同时可以在timeout运行之前可强制执行回调函数等。支持jQuery的链式调用。
使用实例
一,包含文件部分 可以500%提高开发效率的前端UI框架!
一,包含文件部分 可以500%提高开发效率的前端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部分 可以500%提高开发效率的前端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打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 jQuery打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 ...
jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....
前端项目-jquery-dotimeout,jquery dotimeout解决了延迟代码执行的问题,包括间隔和超时管理、轮询循环和去块。
jquery 插件jquery 插件jquery 插件jquery 插件
jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件
jQuery常用插件大全 jQuery 插件大全
jquery 上传插件jquery 上传插件jquery 上传插件jquery 上传插件jquery 上传插件jquery 上传插件jquery 上传插件jquery 上传插件jquery 上传插件jquery 上传插件jquery 上传插件jquery 上传插件jquery 上传插件...
jquery插件库大全(200个): jqueryQQ表情插件 jquery下拉菜单导航 jquery下拉菜单栏 jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 jquery仿百度新闻焦点轮播 jquery分离布局模版 jquery...
jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件
jquery图表插件大全收集 jquery图表插件大全收集jquery图表插件大全收集jquery图表插件大全收集
组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件...
jQuery grid view plugin - jQuery表格插件
jquery 日期插件jquery 日期插件jquery 日期插件jquery 日期插件
jquery延时载入动画焦点图是一款通过jquery参数设置各个元素载入的时间,产生的时间差就有了这种动画版的效果,支持全屏幕显示图片信息,当我们缩小窗口时超出的部分会被隐藏起来。
jquery 上传 插件 upload jquery上传插件upload jquery 上传 插件 upload jquery上传插件upload jquery 上传 插件 upload jquery上传插件upload jquery 上传 插件 upload jquery上传插件upload jquery 上传 插件 ...
基于jQuery的计算器插件,外观简洁和美观,计算器的功能也很强大。有兴趣的同学可以继续为这款计算器扩展功能,应该也不是难事。
jQuery分享插件jquery.share.js享到QQ、微信、微博、google、in、tweeter等 demo里面比较全 需要分享功能的可以下载这个插件
Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能,包括排序、分页、扩展、主题、国际化等
几种实用的JQuery图表插件 JQuery图表插件 Flot Highcharts jquerychart jqPlot包下载,以及中文帮助文档
jQuery图片延时加载插件imgLazyLoad jQuery图片延时加载插件imgLazyLoad