Как я могу сделать обратный отсчет jQuery

Я хочу обратный отсчет jQuery:

  1. Это начинает рассчитывать после того, как загрузка страницы заканчивается
  2. После подсчета к 0 это перенаправляет к URL

Как я могу сделать это?

43
задан SaidbakR 5 May 2015 в 14:53
поделиться

2 ответа

Я думал, что я немного разбил это и предоставлю что-то, что делает как обратный отсчет, так и перенаправление. В конце концов, вы можете обратный отсчет и манипулировать домом завтра. Таким образом, я придумал следующий плагин 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";
}
135
ответ дан 26 November 2019 в 22:24
поделиться

Вы уверены, вы хотите использовать JavaScript для этого? Вы можете просто пойти с простой HTML:

<meta http-equiv="refresh" content="NUMBER_OF_SECONDS_TO_WAIT; URL=http://REDIRECT_URL/">

Поместите это в заголовок, и вперед даже будет работать на браузерах без включения JavaScript.

12
ответ дан 26 November 2019 в 22:24
поделиться
Другие вопросы по тегам:

Похожие вопросы: