第1219天:“注册成功,x秒后自动跳转”的秒数倒计时JS,系统学习js(8)

星期三 多云 15~24℃

“注册成功,x秒后自动跳转”的秒数倒计时JS

<div class="regMsg">
 <p><strong>恭喜您注册成功!</strong></p>
 <p><span id="tiao">5</span> 秒后自动跳转到登录页</p>
 </p><a href="/login">点此立即登录</a></p>
</div>
<script type="text/javascript">
function autoGo(secTime, url){
 var num = document.getElementById("num");
 num.innerText = secTime;
 if (–secTime >= 0) {
  setTimeout("autoGo("+secTime+",’"+url+"’)", 1000);
 } else {
  location.href = url;   
 }
}
autoGo(5, "/login");
</script>

2013-6-18 更新:

function countdown(obj, second, callback) {
 $(obj).text(second); // 这一行用了 jquery
 if (–second >= 0) {
  setTimeout(function () {
   countdown(obj, second, callback);
  }, 1000);
 } else {
  callback();
 }
}


系统学习js(8)

《JavaScript+DOM编程艺术》第五章 JavaScript编程原则和良好习惯

  • 预留退路
  • 分离JavaScript
  • 向后兼容

MeYoung

细节处理:快速注册页、注册成功页、找回密码页。

RSS

上一篇:

下一篇:

发表评论

电子邮件地址不会被公开。 必填项已用*标注