Вывод обратного отсчета перед запуском сайта

saschka

Захожу иногда
170
1 / 0

Вывод обратного отсчета перед запуском сайта

« : 06.09.2013, 15:06:47 »

Всем здравствуйте!
Проблема такая: через неделю планирую запустить сайт. Хочется запустить на главной странице обратный отсчет (дни, часы, минуты, секунды) до открытия сайта.
Кто-нибудь знает, как это можно реализовать?

Записан

flyingspook

Живу я здесь
3590
247 / 9

Re: Вывод обратного отсчета перед запуском сайта

« Ответ #1 : 06.09.2013, 16:05:38 »

можно по разному Google знает все
раздаю за плюсики

подключаем библиотеку

Код

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" /></script>

берем скрипт и вставляем куда вам удобнее в index или отдельно подгрузить вам виднее

Код

<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
    function counter(){
        var now = new Date();
        var finDate = new Date("aug,25,2013,00:00:00");
        var totalRemains = (finDate.getTime() - now.getTime());
        if (totalRemains > 1){
            var RemainsSec = (parseInt(totalRemains / 1000));
            var RemainsFullDays = (parseInt(RemainsSec/(24 * 60 * 60)));
             if (RemainsFullDays < 10){
                RemainsFullDays = "0" + RemainsFullDays
            };
            var secInLastDay = RemainsSec-RemainsFullDays * 24 * 3600;
            var RemainsFullHours = (parseInt(secInLastDay / 3600));
            if (RemainsFullHours < 10){
                RemainsFullHours = "0" + RemainsFullHours
            };
            var secInLastHour = secInLastDay - RemainsFullHours * 3600;
            var RemainsMinutes = (parseInt(secInLastHour / 60));
            if (RemainsMinutes < 10){
                RemainsMinutes = "0" + RemainsMinutes
            };
            var lastSec = secInLastHour - RemainsMinutes * 60;
            if (lastSec < 10){
                lastSec = "0" + lastSec
            };
            $(".counter .days").html(RemainsFullDays);
            $(".counter .hours").html(RemainsFullHours);
            $(".counter .minutes").html(RemainsMinutes);
            $(".counter .seconds").html(lastSec);
        }
        else {
            $(".counter").html("Акция закончилась :(");
        }
    };
    setInterval(counter, 1000);
});
// ]]></script>

делаем вывод в месте там где удобнее

Цитировать

<p class="dokonca">До конца акции осталось:</p>
            <div class="clear"></div>
            <div class="timer">
<div class="counter">
            <div>
               <p>дней</p>
               <p>час</p>
               <p>мин</p>
               <p>сек</p>
            </div>
            <div class="clear"></div>
               <p class="days" style="float: left;">00</p><div class="cntSeparator" style="float: left;">:</div>
               <p class="hours" style="float: left;">08</p><div class="cntSeparator" style="float: left;">:</div>
               <p class="minutes" style="float: left;">42</p><div class="cntSeparator" style="float: left;">:</div>
               <p class="seconds" style="float: left;">51</p>
</div>
            </div>

Записан

ЛЕЧИМ САЙТЫ ОТ ВИРУСОВ и Shell! & НОВЫЙ СКАНЕР ПОИСКА Shell and BackDoor
Сканер поиска Shell and BackDoor
Отличный хостинг для Ваших сайтов. Настраиваем сервера.

rabotnita

Захожу иногда
83
5 / 0

Re: Вывод обратного отсчета перед запуском сайта

« Ответ #2 : 30.09.2013, 22:06:07 »

Люди!! Подскажиттте... очень нужно и мне таймер в оффлайн страницу вшить...

Как именно подключить библиотеку? Куда вставить сие:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" /></script>

Записан

Периодический страница сайта открывается криво. (Подробнее в описании) Автор 62411	Ответов: 0 Просмотров: 5548	27.01.2025, 10:36:57 от 62411
Вывод новостей Автор lindim	Ответов: 5 Просмотров: 5953	24.04.2023, 11:16:59 от Hrillow
Вывод информации в личный кабинет пользователя Автор zndm	Ответов: 17 Просмотров: 7887	22.09.2022, 18:51:44 от beliyadm
Проблема с переносом Joomla сайта с хостинга на денвер Автор 62411	Ответов: 4 Просмотров: 6492	21.02.2022, 20:22:11 от arma
Нужен редирект.htaccess для перенаправления с без id на id в url сайта Автор MultiMatrix83	Ответов: 10 Просмотров: 4306	19.10.2021, 18:28:04 от draff

Вывод обратного отсчета перед запуском сайта - Joomla 2.5: Общие вопросы

Новости Joomla

Вышли релизы безопасности Joomla 6.1.3 и Joomla 5.4.8

👩‍💻 WT Otpravkapochtaru - библиотека сервиса Отправка Почты России для Joomla-разработчиков.

👩‍💻 В Joomla 6.2 появятся встроенный функционал мультикатегорий.

saschka

Вывод обратного отсчета перед запуском сайта

flyingspook

Re: Вывод обратного отсчета перед запуском сайта

rabotnita

Re: Вывод обратного отсчета перед запуском сайта

Похожие темы