`
乌托邦之爱
  • 浏览: 278462 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

jquery doTimeout 延迟加载方法插件

jQueryJavaScriptChromeSafari编程 
阅读更多

网站来源:http://benalman.com/projects/jquery-dotimeout-plugin/

 示例

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title><!--http://www.cssrain.cn/demo/jquery-ui-tab/jquery-1.3.1.js http://banu.blog.163.com/blog/jquery.do-timeout.js  http://banu.blog.163.com/blog/jquery.JS-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<script type="text/JAVAscript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="jquery.ba-dotimeout.js"></script>
<script>
$(function(){
var default_text = $('p.textfield').text();
$('form input').keyup(function(){
$(this).doTimeout( 'typing', 2000, function(){
$('#text-input').text( $(this).val() || default_text );
});
});
});
</script>
</head>
<body>
<p id="text-input">biuuu.com</p>
<form action=''>
<input type="text" name="whatever">
</form>

 

</body>
</html>

 

 

方法参数解释:

参数1.

typing :是dotimeout方法的身份标示,当同一个函数使用一个以上dotimeout方法时此参数不能相同才能保证两个方法同时执行,如果相同则只执行最后一个.

参数2.

5000 : 这个不用多说了 是dotimeout的执行毫秒数,1000毫秒等于一秒

参数3.

function(){......} :这个是多少秒后所执行的函数,函数内自己研究写什么吧 嘿嘿

 

上面的网站上还有几个参数 具体不知道做什么的了 有高手的话可以帮我研究研究 告诉我一声 我也学习学习

个人观点 我希望大家不要只顾着自己学习 也多在网站上分享一下 你们的知识 这样网络上的编程知识才能壮大

让更多的新人也更容易学习 因为我们是做网络的 我们本身在网络上查的也方便 还能让新人更好的学习 何乐而不为呢

 

让网络变成所有人最好的学习地点 无论学什么

 

  • Release v1.0
  • Tested with jQuery 1.3.2 and jQuery 1.4.2 in Internet Explorer 6-8, Firefox 2-3.6, Safari 3-4, Chrome 4-5, Opera 9.6-10.1.
  • Download Source, Minified (1.0kb)
  • Follow the project on GitHub project page or report a bug!
  • View Full Documentation
  • View Unit Tests
  • Examples: Debouncing, Delays & Polling Loops, Hover Intent
    • 分享到：
    | jQuery Alert contform 弹出提示对话框美 ...
    评论
    7 楼 乌托邦之爱 2010-10-26  
    chinalu 写道
    yunsudong 写道
    function ___pause(ms) {
    var date = new Date(); 
    curDate = null;
    do { var curDate = new Date(); }
    while ( curDate - date < ms);
};


    这个怎么样？


    这个会不会倒置浏览器假死？


    呵呵 如果一直在循环的话 貌似会导致假死 如果你想监控时间的话 你可以用setTimeout或者使用doTimeout 让他按时间运行来 或者找一个倒计时插件来用用什么的 话说回来还得看你具体要实现什么功能业务了
    6 楼 chinalu 2010-10-25  
    yunsudong 写道
    function ___pause(ms) {
    var date = new Date(); 
    curDate = null;
    do { var curDate = new Date(); }
    while ( curDate - date < ms);
};


    这个怎么样？


    这个会不会倒置浏览器假死？
    5 楼 yunsudong 2010-10-25   
    function ___pause(ms) {
    var date = new Date(); 
    curDate = null;
    do { var curDate = new Date(); }
    while ( curDate - date < ms);
};


    这个怎么样？
    4 楼 zhaobohao 2010-10-25  
    乌托邦之爱 写道
    extdev 写道
    和直接setTimeout有何区别

    我用的反正是没什么区别 不过官网上说比setTimeout多一些功能 具体的我也没用出来呢 刚接触 需要研究研究


    这个还是有点区别,就是简单了,可以直接将button的click,window的resize直接延迟....少写一些代码.
    还有一点就是很jQuery了...
    3 楼 乌托邦之爱 2010-10-20  
    extdev 写道
    和直接setTimeout有何区别

    我用的反正是没什么区别 不过官网上说比setTimeout多一些功能 具体的我也没用出来呢 刚接触 需要研究研究
    2 楼 extdev 2010-10-20  
    和直接setTimeout有何区别
    1 楼 mgh2008 2010-10-20  
    lz是个热心人，这个插件不错
    发表评论

    您还没有登录,请您登录后再发表评论

    相关推荐

    Magicbox
    Global site tag (gtag.js) - Google Analytics