JQuery实现的按钮倒计时效果

本文实例讲述了JQuery实现的按钮倒计时效果。分享给大家供大家参考，具体如下：

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

htmlheadtitletest倒计时按钮/title脚本src=' http : jquery 1。8 .3 .量滴js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){ $(' # BTN ')).click(function(){ var count=10；定义变量倒计时=setInterval(倒计时，1000);功能倒计时(){$('#btn ').attr('disabled '，true)；$('#btn ').瓦尔('请等待'数'秒!');if (count==0) {$('#btn ').“val(”提交')。移除attr(' disabled ')；clearInterval(倒计时);}计数-;}})});/script/head dyinput type=' button ' id=' BTN ' value=' Submit '/body/html运行效果截图如下：

希望本文所述对大家jQuery程序设计有所帮助。