重定向10,... 9,...脚本

Question

HY,

我有10秒.延迟页面.

var t = window.setTimeout('redirect(strUrl)', 11000);

而函数重定向(strUrl)就是document.location

如果我在页面底部显示一条消息,例如:在10秒内重定向,那会更好...

"一秒钟之后,setTimeout被解雇了"

...在9秒内重定向到命运..

等等

PS.最后的点从左到右你就知道了.......

我的myselft可能会发现如何获得超时的每一秒,并且只是用jquery改变了数字......如果那可能的话.

Answer 1

var timeout = 11; // in seconds

var msgContainer = $('<div />').appendTo('body'),
    msg = $('<span />').appendTo(msgContainer),
    dots = $('<span />').appendTo(msgContainer); 

var timeoutInterval = setInterval(function() {

   timeout--;

   msg.html('Redirecting in ' + timeout + ' seconds');

   if (timeout == 0) {
      clearInterval(timeoutInterval);
      redirect(strUrl);
   } 

}, 1000);

setInterval(function() {

  if (dots.html().length == 3) {
      dots.html('');
  }

  dots.html(function(i, oldHtml) { return oldHtml += '.' });
}, 500);

在jsFiddle上看到它.

如果您想要第二件事,请用上面的相应行代替......

msg.html('Redirecting in ' + timeout + ' second' + ((timeout != 1) ? 's' : ''));

当然,这适用于英语,但可能不像其他语言那么容易.