按钮特效-注册按钮倒计时效果
Posted 承载梦想-韩旭明
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了按钮特效-注册按钮倒计时效果相关的知识，希望对你有一定的参考价值。
——————————————————————
<script type="text/javascript">
//倒计时 秒
var sec = 10;
//初始化函数
function init(){
//设置定时器，间隔1秒
timer = setInterval(function(){
//获取注册按钮的DOM
var btn = document.getElementById(‘btn‘);
sec--; //秒数自减1
btn.value = ‘注册(‘+sec+‘)‘;//按钮的文本
if(sec == 0){//如果倒计时结束
clearInterval(timer);//清除定时器
btn.disabled = false;//恢复可用
btn.value = ‘注册‘;//设置按钮文本
}
}, 1000);
}
</script>
——————————————————————————
<body style="text-align:center" onload="init();">
<p>请认真阅读本协议。。。</p><br>
<input type="button" value="注册(10)" id="btn" disabled="disabled"/>
</body>
——————————————————————————
以上是关于按钮特效-注册按钮倒计时效果的主要内容，如果未能解决你的问题，请参考以下文章