Я хочу обратный отсчет jQuery:
Как я могу сделать это?
Я думал, что я немного разбил это и предоставлю что-то, что делает как обратный отсчет, так и перенаправление. В конце концов, вы можете обратный отсчет и манипулировать домом завтра. Таким образом, я придумал следующий плагин jQuery, который вы можете использовать, и учиться:
// Our countdown plugin takes a callback, a duration, and an optional message
$.fn.countdown = function (callback, duration, message) {
// If no message is provided, we use an empty string
message = message || "";
// Get reference to container, and set initial content
var container = $(this[0]).html(duration + message);
// Get reference to the interval doing the countdown
var countdown = setInterval(function () {
// If seconds remain
if (--duration) {
// Update our container's message
container.html(duration + message);
// Otherwise
} else {
// Clear the countdown interval
clearInterval(countdown);
// And fire the callback passing our container as `this`
callback.call(container);
}
// Run interval every 1000ms (1 second)
}, 1000);
};
// Use p.countdown as container, pass redirect, duration, and optional message
$(".countdown").countdown(redirect, 5, "s remaining");
// Function to be called after 5 seconds
function redirect () {
this.html("Done counting, redirecting.");
window.location = "http://msdn.microsoft.com";
}
Вы уверены, вы хотите использовать JavaScript для этого? Вы можете просто пойти с простой HTML:
<meta http-equiv="refresh" content="NUMBER_OF_SECONDS_TO_WAIT; URL=http://REDIRECT_URL/">
Поместите это в заголовок, и вперед даже будет работать на браузерах без включения JavaScript.