一个实现了在按钮上显示倒计时,倒计时完毕自动将按钮设置为不可用的效果,具体代码如下:
- <html>
- <head>
- <title>test count down button</title>
- <script src="http://www.daimajiayuan.com/templets/skins/js/jquery-1.8.1.min.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>
零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。