Jquery倒数计时按钮setTimeout的实例代码
程序员文章站
2022-05-21 15:23:35
代码如下:
</title...</div>
<div class="content">
<p>代码如下:</p>
<p class="codebody" id="code35055"><br>
<head runat="server"><br>
<title></title><br>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br>
<script type="text/javascript"><br>
var timeout;<br>
var count = 10; // 倒数十下<br>
$(function() {<br>
timeout = setTimeout(BtnCount, 1000); // 1s执行一次BtnCount<br>
});<br>
BtnCount = function() {<br>
// 启动按钮<br>
if (count == 0) {<br>
$('#btnSubmit').attr("disabled", "");<br>
$('#btnSubmit').val("确定");<br>
clearTimeout(timeout); // 可取消由 setTimeout() 方法设置的 timeout<br>
}<br>
else {<br>
count--;<br>
$('#btnSubmit').val("确(" + count.toString() + ")定");<br>
setTimeout(BtnCount, 1000);<br>
}<br>
};<br>
</script><br>
</head><br>
<body><br>
<form id="form1" runat="server"><br>
<p><br>
<<a href="https://www.2cto.com/kf/web/asp/" target="_blank" class="keylink" rel="nofollow">asp</a>:Button ID="btnSubmit" runat="server" Text="确定" Enabled="false"<br>
onclick="btnSubmit_Click"/><br>
</p><br>
</form><br>
</body></p>
<br>
setTimeout预设只执行一次，但我们可以用递归，是它自己启动自己。 </div>
<div class="info-pre-next">
<p>
上一篇： <a href="/article/1079657.html">
RedHat 6 下安装Oracle 11g R2 </a>
</p>
<p>
下一篇： <a href="/article/1079659.html">
Jquery获取复选框被选中值的简单方法 </a>
</p>
</div>
<div class="wz_tuijian">
<p>
推荐阅读 </p>
<ul>
<li>
<a href="/article/2326041.html" target="_blank" title="JQuery实现倒计时按钮的实现代码_jquery">
<h2>
JQuery实现倒计时按钮的实现代码_jquery </h2>
</a>
</li>
<li>
<a href="/article/2120752.html" target="_blank" title="JQuery实现倒计时按钮的实现代码">
<h2>
JQuery实现倒计时按钮的实现代码 </h2>
</a>
</li>
<li>
<a href="/article/1967571.html" target="_blank" title="React-Native中使用验证码倒计时的按钮实例代码">
<h2>
React-Native中使用验证码倒计时的按钮实例代码 </h2>
</a>
</li>
<li>
<a href="/article/1667211.html" target="_blank" title="使用jQuery实现两个div中按钮互换位置的实例代码">
<h2>
使用jQuery实现两个div中按钮互换位置的实例代码 </h2>
</a>
</li>
<li>
<a href="/article/1595838.html" target="_blank" title="Jquery实现点击按钮,连续地向textarea中添加值的实例代码">
<h2>
Jquery实现点击按钮,连续地向textarea中添加值的实例代码 </h2>
</a>
</li>
<li>
<a href="/article/1461076.html" target="_blank" title="JQuery实现倒计时按钮的实现代码">
<h2>
JQuery实现倒计时按钮的实现代码 </h2>
</a>
</li>
<li>
<a href="/article/1199901.html" target="_blank" title="React-Native中使用验证码倒计时的按钮实例代码">
<h2>
React-Native中使用验证码倒计时的按钮实例代码 </h2>
</a>
</li>
<li>
<a href="/article/1079658.html" target="_blank" title="Jquery倒数计时按钮setTimeout的实例代码">
<h2>
Jquery倒数计时按钮setTimeout的实例代码 </h2>
</a>
</li>
<li>
<a href="/article/965174.html" target="_blank" title="Jquery倒数计时按钮setTimeout的实例代码_jquery">
<h2>
Jquery倒数计时按钮setTimeout的实例代码_jquery </h2>
</a>
</li>
<li>
<a href="/article/858833.html" target="_blank" title="Jquery倒数计时按钮setTimeout的实例代码_jquery">
<h2>
Jquery倒数计时按钮setTimeout的实例代码_jquery </h2>
</a>
</li>
</ul>
</div>
</article>
</div>
</main>
<footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body>
</html>