本文介绍了一个简单的倒计时功能实现方法，通过使用JavaScript和jQuery，当点击按钮后，按钮上的文字将变为“等我结束”，同时背景颜色改变，并开始进行60秒倒计时。倒计时结束后，按钮恢复初始状态。
<div>
<span>倒计时</span>
<button>点击开始</button>
</div>
<script type="text/javascript" src="jquery-1.3.1.js"></script>
<script type="text/javascript">
$('button').click(function(){
var i=60;
var iID=setInterval(setbgColor, 500);
$('button').html('等我结束').attr('disabled','disabled').css('background','#f90');
function setbgColor()
{
$('span').html(i);
if((i--) < 1)
{
clearInterval(iID);
$('button').removeAttr('disabled').css('background','').html('点我开始');
}
}
});
</script>
<span>倒计时</span>
<button>点击开始</button>
</div>
<script type="text/javascript" src="jquery-1.3.1.js"></script>
<script type="text/javascript">
$('button').click(function(){
var i=60;
var iID=setInterval(setbgColor, 500);
$('button').html('等我结束').attr('disabled','disabled').css('background','#f90');
function setbgColor()
{
$('span').html(i);
if((i--) < 1)
{
clearInterval(iID);
$('button').removeAttr('disabled').css('background','').html('点我开始');
}
}
});
</script>
扫一扫
1772
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
