• 新华保险广西分公司2017年理赔7677万元 2018-08-21
  • 首创集团打造京津冀协同发展新样本 2018-08-21
  • 共商共治共享 建设美丽长三角 2018-08-21
  • 晋金所交易大厅正式启动运营 2018-08-21
  • 南昌遭遇入汛以来首次大范围降雨 2018-08-21
  • 特朗普将提名新任白宫国家经济委员会主任 2018-08-21
  • 城镇调查失业率:触摸就业市场真实“温度” 2018-08-20
  • 许昌市获批国家居家和社区养老服务改革试点 2018-08-20
  • 我国高端芯片研制已具备基础 2018-08-20
  • 遭爆校长任期炒高房价请假率高 吴茂昆:旧案重提悖离事实 2018-08-19
  • 2018年洗衣机市场健康洗产品已成市场新引擎 2018-08-19
  • 大学毕业生创业“修手机” 两个月进账超30万元 2018-08-19
  • 張近東代表建議,用AI、區塊鏈技術打造數據安全“護城河” 2018-08-18
  • 清明忆先烈 习近平这样传承“红色基因” 2018-08-18
  • 第二届福建省大学生文化创新创意大赛落幕 2018-08-18
  • 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编程之旅吧!