• 3名中国游客在瑞典遭粗暴对待 外交部敦促瑞方重视中方关切 2018-10-21
  • 国足20-0大胜!女梅西6球,女C罗轰5球,男足才赢19-0 2018-10-21
  • 消协提醒:春节预订酒店有技巧 预付卡消费需谨慎 2018-10-20
  • 陈敏尔唐良智会见传化集团董事长徐冠巨 2018-10-20
  • 扫黑除恶利剑高悬 前8月榕查处违法采砂案件93起 2018-10-20
  • 不能让所谓的收视率愚弄观众 2018-10-18
  • 新希望!中超19岁新星半年增重十斤 曾戏耍恒大两国脚 2018-10-17
  • 迎丰收 晒丰收 庆丰收 2018-10-15
  • “捂脸表情”被注册成商标?申请人不认为商标侵权 2018-10-15
  • 战巡南海、绕岛巡航…空军有“飞出去”的主心骨 2018-10-14
  • 幼儿园要求家长写一万字读后感:不能这样玩家长|幼儿园|家长-教育时讯 2018-10-13
  • 中国故宫文物展在希腊举行 2018-10-13
  • 車·晓 第26期 車企官方降价真相幾何? 2018-10-12
  • 宝沃总裁杨嵩:曾和奔驰宝马同水平 已不能同日而语 2018-10-11
  • 新时代党员干部要有更大的担当和作为 2018-10-10
  • JQuery实现倒计时按钮的效果

    栏目: 编程语言 发布于: 2014-05-05 07:24:48

    一个实现了在按钮上显示倒计时,倒计时完毕自动将按钮设置为不可用的效果,具体代码如下:

    <html>
    <head> 
    <title>test count down button</title> 
    <script src="http://www.rocksun.cn/js/jquery.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
    $(function () { 
    $('#btn').click(function () { 
    var count = 3; 
    var countdown = setInterval(CountDown, 1000); 
    
    function CountDown() { 
    $("#btn").attr("disabled", true); 
    $("#btn").val("Please wait " + count + " seconds!"); 
    if (count == 0) { 
    $("#btn").val("Submit").removeAttr("disabled"); 
    clearInterval(countdown); 
    } 
    count--; 
    } 
    }) 
    }); 
    </script> 
    </head> 
    <body> 
    <input type="button" id="btn" value="Submit" /> 
    </body>
    </html>

    您可能感兴趣的文章

    • jquery倒计时效果插件
    • Js倒计时效果
    • jquery实现模拟新浪微博大厅和腾讯微博首页滚动效果
    • jquery设置按钮不可点击防止重复提交数据
    • js实现点击enter键光标移到下一个输入框效果
    • jquery模拟select下拉框效果
    • JS实现模拟新浪微博大厅和腾讯微博首页微博消息滚动效果
    • Jquery实现表格隔行变色的效果
    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处。
    转载请注明:文章转载自 七星彩票平台
    本文标题:JQuery实现倒计时按钮的效果
    IT技术书籍推荐:
    Android编程权威指南
    Android编程权威指南
    菲利普斯 (Brian Hardy) (作者), 哈迪 (Bill Phillips) (作者), 王明发 (译者)
    Big Nerd Ranch是美国一家专业的移动开发技术培训机构,《Android编程权威指南》主要以训练营的5天教学课程为基础,融合了两位作者多年的心得体会,是一本完全面向实战的Android 编程权威指南?!禔ndroid编程权威指南》共37章,详细介绍了GeoQuiz、HelloMoon、DragAndDraw等8个Android应用。这些应用的难易程度不一,最复杂的CriminalIntent应用占用了13章的篇幅。通过这些精心设计的应用,读者可掌握很多重要的理论知识和开发技巧,获得最前沿的开发经验。   如果你熟悉Java语言,或者了解对面向对象编程,那就立刻开始Android编程之旅吧!