Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 4058 Просмотров
*

leo78

  • Завсегдатай
  • 1018
  • 62 / 8
  • I left from paradise!?...
Простой плагин обратного отсчета времени для Joomla 3.x.

Для вставки счетчика на страницы сайта, используйте код {countdown time=х}, где вместо «х» указывается необходимое время в секундах.

Пример: до нового года осталось:
Код
{countdown date=01/01/2018 00:00:00}


Автор: Razzo
Версия: 1.1.1
Лицензия: GNU/GPL
ОФ АРХИВ
Демо

Русификация:
- интерфейса плагина, кстати настроек в нем нет  ;D
- после установки, нужно включить его
- поддерживает только русский язык
- countdown.js - в нем находиться внешний перевод

 *suicide*
« Последнее редактирование: 02.12.2020, 15:00:24 от leo78 »
*

leo78

  • Завсегдатай
  • 1018
  • 62 / 8
  • I left from paradise!?...
Если кому интересно не подходит плагин, можно сделать с помощью javascript ;D


Таймер обратного отсчета является довольно простой и классической задачей для javascript.

Рассмотрим создание счетчика дней до определенной даты и такой же счетчик, но более олдскульный с отсчетом часов, минут и секунд.
Код
<script language="JavaScript" type="text/javascript">
function count() {
 
month = 'Jan';      // Месяц даты наступления события
date = '01';        // Число даты наступления события
year = '2006';      // Год даты наступления события
 
theDate = month + ' ' + date + ' ' + year;
 
  now = new Date();
  setdate = new Date(theDate);
 
  timer = (setdate - now) / 1000 / 60 / 60 / 24;
  timer = Math.round(timer);
 
var message = timer + " дней до вашей даты!";                 // Текст сообщения на ваш вкус
if (timer == "1") message = timer + " сообытие через день";   // До события один день
if (timer == "0") message = "событие менее чем через день";   // До события менее одного дня
if (timer == "-1") message = "событие наступило";             // Событие наступило
if (timer < "-1") message = "";                               // Строка нулевой длины после наступления события
 
document.write(message);
}
count();
</script>
Вариант с днями, часами, минутами и секундами (отсчет времени до наступления Нового Года):
Код
<script type="text/javascript">
function newYearIn()
{
    //var days=" дней "
    var now = new Date();
    var newYear = new Date("Jan,01,2013,00:00:00");
    var totalRemains = (newYear.getTime()-now.getTime());
    if (totalRemains>1)
    {
        var RemainsSec=(parseInt(totalRemains/1000));
          var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
        /*if (
            RemainsFullDays==2 ||
            RemainsFullDays==3 ||
            RemainsFullDays==4 ||
            RemainsFullDays==22 ||
            RemainsFullDays==23 ||
            RemainsFullDays==24 ||
            RemainsFullDays==32 ||
            RemainsFullDays==33 ||
            RemainsFullDays==34
            ) {
            days=" дня "
        }
        if (
            RemainsFullDays==1 ||
            RemainsFullDays==21 ||
            RemainsFullDays==31
            ) {
            days=" день "
        }*/
          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};
        //document.getElementById('newyear').innerHTML = "<p style='font-size:22px;'>До Нового Года осталось: "+RemainsFullDays+days+RemainsFullHours+":"+RemainsMinutes+":"+lastSec+"</p>";
          document.getElementById('newyear').innerHTML = "<p style='font-size:22px;'>До Нового Года осталось: "+RemainsFullDays+' '+incline(['день', 'дня', 'дней'], RemainsFullDays)+' '+RemainsFullHours+":"+RemainsMinutes+":"+lastSec+"</p>";
          setTimeout("newYearIn()",10);
    }
      else {document.getElementById("newyear").innerHTML = "C НОВЫМ ГОДОМ !";}
}
 
function incline(words,n){ // первый параметр -- 3-и варианта склонения существительного по правилу 1, 2, 5; второй -- сама переменная с числом
   return words[(n%100>4 && n%100<20)?2:[2,0,1,1,1,2][Math.min(n%10,5)]];
}
 
newYearIn();
</script>

Запуск
Код
<p id="newyear">Время, оставшееся до наступления Нового Года</p>
<script type="text/javascript">
function newYearIn()
{ ...



 *DRINK*
« Последнее редактирование: 19.12.2017, 17:29:04 от leo78 »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Плагин "Русская типографика"

Автор Physicist

Ответов: 261
Просмотров: 153522
Последний ответ 13.03.2025, 20:06:50
от Olg
Owl Сarousel Images module for Joomla

Автор Muggs

Ответов: 0
Просмотров: 1047
Последний ответ 30.08.2024, 17:34:06
от Muggs
Мастерю плагин для админки - оплата налом или по карте при самовывозе

Автор kkmspb

Ответов: 0
Просмотров: 1019
Последний ответ 27.08.2024, 15:39:37
от kkmspb
News Calendar Joomla 3.0 - html5 - Rus

Автор leo78

Ответов: 27
Просмотров: 14708
Последний ответ 27.06.2024, 11:15:49
от Леон
Плагин LVSpoiler - спойлеры с динамической загрузкой изображений

Автор Arkadiy

Ответов: 449
Просмотров: 99190
Последний ответ 20.04.2024, 21:10:33
от Beer