首页 > 代码库 > 按钮特效-注册按钮倒计时效果
按钮特效-注册按钮倒计时效果
——————————————————————
<script type="text/javascript">
//倒计时 秒
var sec = 10;
//初始化函数
function init(){
//设置定时器,间隔1秒
timer = setInterval(function(){
//获取注册按钮的DOM
var btn = document.getElementById(‘btn‘);
sec--; //秒数自减1
btn.value = http://www.mamicode.com/‘注册(‘+sec+‘)‘;//按钮的文本
if(sec == 0){//如果倒计时结束
clearInterval(timer);//清除定时器
btn.disabled = false;//恢复可用
btn.value = http://www.mamicode.com/‘注册‘;//设置按钮文本
}
}, 1000);
}
</script>
——————————————————————————
<body style="text-align:center" onl oad="init();">
<p>请认真阅读本协议。。。</p><br>
<input type="button" value="http://www.mamicode.com/注册(10)" id="btn" disabled="disabled"/>
</body>
——————————————————————————
按钮特效-注册按钮倒计时效果