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

Vadim.A

  • Осваиваюсь на форуме
  • 30
  • 0 / 0
Таймер обратного отсчета
« : 29.11.2013, 11:45:50 »
Здравствуйте! Перелопатил кучу всяких таймеров, какие-то работают некорректно, другие привязанны к дате и прочее заморочки...

Мне нужен простейший таймер, в котором сам могу поставить время старта ( просто цифры, не привязанные к времени), а при обнулении, он начинал отсчет сначала. Для вставки в материалы, списки товаров, для акций.

Хоть платный, хоть бесплатный. На  сайте "extensions.joomla" нашел платные, но покупать, толком не понимая, как он будет работать, не охота... Посоветуете пожалуйста проверенный.
*

kreker92

  • Захожу иногда
  • 393
  • 18 / 0
Re: Таймер обратного отсчета
« Ответ #1 : 29.11.2013, 15:35:18 »
можно просто javascript-таймер поставить.
Типа вот этого (код не проверял, но выглядит норм) http://myrusakov.ru/timer-javascript.html
О цикл поставить что-то вроде:
Код: javascript
var date = new Date();
if(date.getHours() < 3) {
var day = new Date().getDate();
} else {
var day = new Date().getDate() + 1;
}
newInterval(""+ day +" Nov 2013 3:00:00");

newInterval - функция, запускающая таймер.
Все вопросы и предложения на почту.
*

frag79

  • Давно я тут
  • 611
  • 61 / 0
Re: Таймер обратного отсчета
« Ответ #2 : 02.12.2013, 10:23:22 »
Да таймеров то полно и просто на js и jQuery и т.п. вопрос где его выводить, в компонент, модуль или вообще плагин сделать.
*

kreker92

  • Захожу иногда
  • 393
  • 18 / 0
Re: Таймер обратного отсчета
« Ответ #3 : 02.12.2013, 10:59:10 »
в js файл на сервере засунуть.
Все вопросы и предложения на почту.
*

frag79

  • Давно я тут
  • 611
  • 61 / 0
Re: Таймер обратного отсчета
« Ответ #4 : 02.12.2013, 11:06:45 »
да на JED целая ветка со счетчиками http://extensions.joomla.org/extensions/calendars-a-events/events/countdown, вопрос был к топикстартеру куда ему надо выводить.
Один модуль на все страницы или разные счетчики для товаров в магазине - задачи разные.
*

r00ft1h

  • Новичок
  • 3
  • 0 / 0
Re: Таймер обратного отсчета
« Ответ #5 : 25.12.2013, 02:38:52 »
Подскажите, как таймере (CountDown-Up Big) сделать ведущие нули. Не 1 час 20 минут, а 01 час 20 минут, спасибо
*

kreker92

  • Захожу иногда
  • 393
  • 18 / 0
Re: Таймер обратного отсчета
« Ответ #6 : 25.12.2013, 10:09:29 »
Код посмотрел и теоретически в helper.php, где идет в скрипте вывод преобразовывать в строку и по ее длине вставлять в начале 0 или нет. Кажется это функция bigRewriteCountDownSpan (115 строка).
Если, конечно, этого нету в настройках таймера... Хотя, судя по коду, такой настройки нет.
 
Все вопросы и предложения на почту.
*

r00ft1h

  • Новичок
  • 3
  • 0 / 0
Re: Таймер обратного отсчета
« Ответ #7 : 25.12.2013, 21:15:24 »
да, в настройках её нет, а преобразовать в коде, у меня нет опыта, как это сделать... Если это не тяжело, помоги пжл-та преобразовать её с нулями
*

kreker92

  • Захожу иногда
  • 393
  • 18 / 0
Re: Таймер обратного отсчета
« Ответ #8 : 25.12.2013, 21:45:01 »
Самому не оч хочется просто так ставить, смотреть, проверять, поэтому попробуйте сами добавить в функцию bigRewriteCountDownSpan в файле helper.php проверку для $module_id.
Для строки как в демо "18 h : 29 m : 6 s":
1. Разбить на массив (split) по строке " : " . Строка станет выглядеть так ['18 h', '29 m', '6 s'].
2. Обрезать каждый элемент массива до двух первых символов. Тогда массив станет таким ['18', '29', '6 '].
3. Преобразовать их всех в тип int (intval) и опять в строку. И проверить длину 1 или 2. Или же искать в каждой строке знак ' ' (пробел).
Если длина 1 или пробел, то берем массив из пункта 2 и добавляем к элементу с соответствующим индексом '0'. Например $arr[2] = '0'. $arr[2];
4. Далее объединяем массив в строку (implode(' : ', $arr)) и заменяем ей значение переменной  $module_id.
Все вопросы и предложения на почту.
*

dmitry77787

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • Процветание-естественная форма жизни!
Re: Таймер обратного отсчета
« Ответ #9 : 28.05.2014, 21:56:53 »
Друзья, помогите зациклить таймер, чтобы после 00:00 снова запускался (сутки). очень буду благодарен.
Вот скрипт таймера:
TargetDate = "05/26/2014 23:59";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat213 = "осталось: %%D%% Дней, %%H%% Часов, %%M%%:%%S%% Минут .";
FinishMessage213 = "Акция действует";

/*
Author: Robert Hashemian
http://www.hashemian.com/

You can use this code in any manner so long as the author's
name, Web address and this disclaimer is kept intact.
********************************************************
*/

function calcage(secs, num1, num2) {
  s = ((Math.floor(secs/num1))%num2).toString();
  if (LeadingZero && s.length < 2)
    s = "0" + s;
  return "<b>" + s + "</b>";
}

function CountBack213(secs) {
  if (secs < 0) {
    document.getElementById("cntdwn213").innerHTML = FinishMessage213;
    return;
  }
 
  DisplayStr = DisplayFormat213.replace(/%%D%%/g, calcage(secs,86400,100000));
  DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24));
  DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60));
  DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60));

  document.getElementById("cntdwn213").innerHTML = DisplayStr;
  if (CountActive)
    setTimeout("CountBack213(" + (secs+CountStepper) + ")", SetTimeOutPeriod);
}

function putspan213() {
 document.write("<div id='cntdwn213' class='countdown'></div>");
}

if (typeof(TargetDate)=="undefined")
  TargetDate = "12/31/2020 5:00 AM";
if (typeof(DisplayFormat)=="undefined")
  DisplayFormat = "%%D%% ����, %%H%% �����, %%M%% �����, %%S%% ������.";
if (typeof(CountActive)=="undefined")
  CountActive = true;
if (typeof(FinishMessage)=="undefined")
  FinishMessage = "";
if (typeof(CountStepper)!="number")
  CountStepper = -1;
if (typeof(LeadingZero)=="undefined")
  LeadingZero = true;

CountStepper = Math.ceil(CountStepper);
if (CountStepper == 0)
  CountActive = false;
var SetTimeOutPeriod = (Math.abs(CountStepper)-1)*1000 + 990;

putspan213();

var dthen = new Date(TargetDate);
var dnow = new Date();
if(CountStepper>0)
  ddiff = new Date(dnow-dthen);
else
  ddiff = new Date(dthen-dnow);
gsecs = Math.floor(ddiff.valueOf()/1000);
CountBack213(gsecs);
*

kreker92

  • Захожу иногда
  • 393
  • 18 / 0
Re: Таймер обратного отсчета
« Ответ #10 : 29.05.2014, 00:13:31 »
вот пример таймера на сутки со сменой в 3 часа ночи
Код: javascript
function C3Counter(counterClass, opt) {

this.options = {
stepTime: 60, // not used
format: "dd:hh:mm:ss", // not used
startTime: "8 Nov 2013 3:00:00",
digitImages: 1,
digitWidth: 36,
digitHeight: 45,
digitSlide : true,
digitSlideTime : 200,
digitImageHeight : 495,
digitAnimationHeight : 45,
timerEnd: function() {
newInterval(new Date(new Date().getTime() + 24*60*60));
},
image: "nums.png",
updateInterval : 1000

};



var s;

if (typeof opt != "undefined") {
for (s in this.options) {
if (typeof opt[s] != "undefined") {
this.options[s] = opt[s];
}
}
}

options.startTime = (new Date(options.startTime).getTime() - new Date().getTime()) / 1000;

if (String(options.startTime).indexOf(":") == -1) {
options.tempStartTime = options.startTime;
} else {
//TODO - does not convert time with : to seconds to count
var td = new Date(options.startTime);
}


this.pad2 = function(number) {
return (number < 10 ? '0' : '') + number;
}



var timer = setInterval( "this.updateCounter()", options.updateInterval);
var startTime = new Date().getTime();
var secNo = 0;
var timerSingle = new Array();
var dc = 0;
var digits = new Array();
var d = new Date();
var lastTime = d.getTime();


this.calculateTime = function() {
var tempTime = options.tempStartTime;
if (String(options.tempStartTime).indexOf(":") == -1) { 
var seconds=Math.round(options.tempStartTime % 60);
options.tempStartTime=Math.floor(options.tempStartTime/60);
var minutes=Math.round(options.tempStartTime % 60);
options.tempStartTime=Math.floor(options.tempStartTime/60);
var hours=Math.round(options.tempStartTime);
/*options.tempStartTime=Math.floor(options.tempStartTime/24);
var days=Math.round(options.tempStartTime);*/
options.timeStr = this.pad2(hours)+this.pad2(minutes)+this.pad2(seconds);

}

var currTime = new Date().getTime();
var diff = currTime - startTime;

options.tempStartTime = options.startTime - Math.round(diff/1000);
}


this.calculateTime();


for (dc=0; dc<6; dc++) {
digits[dc] = { digit: this.options.timeStr.charAt(dc)};


$j("."+counterClass).append("<div class='digit"+dc+"'  style='position:relative;float:left;width:"+this.options.digitWidth+"px;height:"+this.options.digitHeight+"px;overflow:hidden;'><div class='digit digit-bg"+dc+"' style='position:absolute; top:-"+digits[dc].digit*this.options.digitAnimationHeight+"px; width:"+this.options.digitWidth+"px; height:"+this.options.digitImageHeight+"px; '></div></div>");


if (dc < 6) {
$j("."+counterClass).append("<div class='digit-separator' style='float:left;'></div>");
}
}

$j("."+counterClass).append("<div style='clear:both'></div>");

this.animateDigits = function() {
for (var dc=0; dc<6; dc++) {
digits[dc].digitNext = Number(this.options.timeStr.charAt(dc));
digits[dc].digitNext = (digits[dc].digitNext + 10)%10;

var no = dc;

if (digits[no].digit == 0) $j(".digit-bg"+no).css("top", -this.options.digitImageHeight+this.options.digitHeight + "px");
if (digits[no].digit != digits[no].digitNext) {
$j(".digit-bg"+no).animate( { "top" : -digits[no].digitNext*options.digitHeight+"px"}, options.digitSlideTime);
digits[no].digit = digits[no].digitNext;
}

}

var end = this.checkEnd();
}



this.checkEnd = function() {
for (var i = 0; i < digits.length; i++) {
if (digits[i].digit != 0) {
return false;
}
}

options.timerEnd();
clearInterval(timer);
return true;
}

this.updateCounter = function() {
d = new Date();

if ((d.getTime() - lastTime) < (options.updateInterval - 50)) {
return;
}
lastTime = d.getTime();

this.calculateTime();
this.animateDigits();
}

}

function newInterval(interval) {
C3Counter("counter", { startTime: interval });
}

var monthNames = [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ];

function timer() {
var date = new Date();
if(date.getHours() < 3) {
var day = new Date().getDate();
} else {
var day = new Date().getDate() + 1;
}
newInterval(""+ day +" "+ monthNames[date.getMonth()] +" "+ (date.getYear()+1900) +" 3:00:00");
}

реализован на tor-company.ru
Все вопросы и предложения на почту.
*

dmitry77787

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • Процветание-естественная форма жизни!
Re: Таймер обратного отсчета
« Ответ #11 : 29.05.2014, 22:31:45 »
дал по репе за таймер, только вот как еще бы мой зациклить...
*

zomby6888

  • Завсегдатай
  • 1473
  • 171 / 3
Re: Таймер обратного отсчета
« Ответ #12 : 29.05.2014, 23:06:11 »
непонятно что треба, чтобы к оставшемуся времени еще 24 часа прибавлялось после 00:00 ? Он и так каждый раз при запуске скрипта отсчитывает время от текущего времени до TargetDate.
интернет-блог: http://websiteprog.ru
*

dmitry77787

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • Процветание-естественная форма жизни!
Re: Таймер обратного отсчета
« Ответ #13 : 02.06.2014, 08:17:23 »
непонятно что треба, чтобы к оставшемуся времени еще 24 часа прибавлялось после 00:00 ? Он и так каждый раз при запуске скрипта отсчитывает время от текущего времени до TargetDate.
Да, вот только target date каждый день вручную приходиться править еще на один день. Нужно чтобы по истечении 23:59, снова автоматически заново на сутки отсчитывал. очень буду благодарен
*

zomby6888

  • Завсегдатай
  • 1473
  • 171 / 3
Re: Таймер обратного отсчета
« Ответ #14 : 02.06.2014, 12:25:29 »
вот этот кусок замените
Код: javascript
function CountBack213(secs) {
  if (secs < 0) {
    document.getElementById("cntdwn213").innerHTML = FinishMessage213;
    return;
  }
 
 //добавить
  var now = new Date();
  if (now.getHours() == 0 && now.getMinutes() == 0 && now.getSeconds() == 0)
  {
clearTimeout(document.timeout);
document.timeout = setTimeout(function() {
CountBack213(gsecs + 86400)
}, 1000);
return;
  }
  //добавить

  DisplayStr = DisplayFormat213.replace(/%%D%%/g, calcage(secs,86400,100000));
  DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24));
  DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60));
  DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60));

  document.getElementById("cntdwn213").innerHTML = DisplayStr;
  if (CountActive)
    document.timeout = setTimeout("CountBack213(" + (secs+CountStepper) + ")", SetTimeOutPeriod); //тут изменить
}
« Последнее редактирование: 02.06.2014, 12:28:54 от zomby6888 »
интернет-блог: http://websiteprog.ru
*

dmitry77787

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • Процветание-естественная форма жизни!
Re: Таймер обратного отсчета
« Ответ #15 : 03.06.2014, 09:02:31 »
Спасибо за помощь. Скрипт поменял, вечером отпишусь о результатах. С Targetdate ничего делать не надо будет?
*

zomby6888

  • Завсегдатай
  • 1473
  • 171 / 3
Re: Таймер обратного отсчета
« Ответ #16 : 03.06.2014, 20:19:21 »
На самом деле вам нужно немного иное. Этот скрипт будет работать только если у пользователя все это время открыт браузер. Вот попробуйте это решение, я думаю вам примерно это и нужно:
Код: javascript
document.write('<div id="cntdwn213" class="countdown"></div>')
period = 2 * 86400; //период повторений в секундах (86400 = сутки)
setInterval(function() {
now = new Date();
var cur_seconds = (now.getHours() * 3600)+(now.getMinutes() * 60) + now.getSeconds();
var match_seconds = period - (cur_seconds % period);
var days = Math.floor(match_seconds / 86400);
        var hours = Math.floor(match_seconds / 3600) % 24;
        var minutes = Math.floor(match_seconds / 60) % 60;
        var seconds = match_seconds % 60;
document.getElementById('cntdwn213').innerHTML = "осталось: <b>"+ days +"</b> Дней, <b>"+
hours + "</b> Часов, <b>"+ minutes + ":" + seconds +"</b> Минут";
}, 1000);
интернет-блог: http://websiteprog.ru
*

dmitry77787

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • Процветание-естественная форма жизни!
Re: Таймер обратного отсчета
« Ответ #17 : 04.06.2014, 13:38:12 »
Прошу прощения, не совсем понял что именно поменять. Вот полный скрипт таймера:
<?php
/*---------------------------------------------------------
# Count Down - Joomla! Module
# ---------------------------------------------------------
# For Joomla! 2.5.x & Joomla! 3.1.x
# Copyright (C) 2013 Joomla357.com. All rights reserved.
# License: GNU/GPLv3, http://www.gnu.org/licenses/gpl-3.0.html
# Demo: http://www.joola357.com/demo/
# Website: http://www.joola357.com
# Support: support@joola357.com
----------------------------------------------------------- */

// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );

// Parameters
$date = $params->get('date', '12/06/2014');
$time = $params->get('time', '16:30');
$fronttext = $params->get('fronttext', 'The FIFA World Cup 2014 in Brazil will start in');
$endtext = $params->get('endtext', '!');
$finish = $params->get('finish', 'The FIFA World Cup 2014 in Brazil has been started!');

$day = substr($date,0,2);
$month = substr($date,3,2);
$year = substr($date,6,4);
$hour = substr($time,0,2);
$minutes = substr($time,3,2);

$dateformat = $month.'/'.$day.'/'.$year.' '.$hour.':'.$minutes;

?>
<script language="JavaScript" type="text/javascript">
TargetDate = "<?php echo $dateformat;?>";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat<?php echo $module->id?> = "<?php echo $fronttext; ?> %%D%% <?php echo JText::_('CD_DAYS')?>, %%H%% <?php echo JText::_('CD_HOURS')?>, %%M%%:%%S%% <?php echo JText::_('CD_MINUTES')?> <?php echo $endtext; ?>";
FinishMessage<?php echo $module->id?> = "<?php echo $finish; ?>";

/*
Author: Robert Hashemian
http://www.hashemian.com/

You can use this code in any manner so long as the author's
name, Web address and this disclaimer is kept intact.
********************************************************
*/

function calcage(secs, num1, num2) {
  s = ((Math.floor(secs/num1))%num2).toString();
  if (LeadingZero && s.length < 2)
    s = "0" + s;
  return "<b>" + s + "</b>";
}

function CountBack<?php echo $module->id?>(secs) {
  if (secs < 0) {
    document.getElementById("cntdwn<?php echo $module->id?>").innerHTML = FinishMessage<?php echo $module->id?>;
    return;
  }
 
  DisplayStr = DisplayFormat<?php echo $module->id?>.replace(/%%D%%/g, calcage(secs,86400,100000));
  DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24));
  DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60));
  DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60));

  document.getElementById("cntdwn<?php echo $module->id?>").innerHTML = DisplayStr;
  if (CountActive)
    setTimeout("CountBack<?php echo $module->id?>(" + (secs+CountStepper) + ")", SetTimeOutPeriod);
}

function putspan<?php echo $module->id?>() {
 document.write("<div id='cntdwn<?php echo $module->id?>' class='countdown'></div>");
}

if (typeof(TargetDate)=="undefined")
  TargetDate = "12/31/2020 5:00 AM";
if (typeof(DisplayFormat)=="undefined")
  DisplayFormat = "%%D%% Дней, %%H%% Часов, %%M%% Минут, %%S%% Секунд.";
if (typeof(CountActive)=="undefined")
  CountActive = true;
if (typeof(FinishMessage)=="undefined")
  FinishMessage = "";
if (typeof(CountStepper)!="number")
  CountStepper = -1;
if (typeof(LeadingZero)=="undefined")
  LeadingZero = true;

CountStepper = Math.ceil(CountStepper);
if (CountStepper == 0)
  CountActive = false;
var SetTimeOutPeriod = (Math.abs(CountStepper)-1)*1000 + 990;

putspan<?php echo $module->id?>();

var dthen = new Date(TargetDate);
var dnow = new Date();
if(CountStepper>0)
  ddiff = new Date(dnow-dthen);
else
  ddiff = new Date(dthen-dnow);
gsecs = Math.floor(ddiff.valueOf()/1000);
CountBack<?php echo $module->id?>(gsecs);
</script>

заранее спасибо
*

zomby6888

  • Завсегдатай
  • 1473
  • 171 / 3
Re: Таймер обратного отсчета
« Ответ #18 : 04.06.2014, 14:28:49 »
весь его поменять на мой код
интернет-блог: http://websiteprog.ru
*

dmitry77787

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • Процветание-естественная форма жизни!
Re: Таймер обратного отсчета
« Ответ #19 : 04.06.2014, 17:14:56 »
Чуть подредактировал, а то показывал на 1 день больше чем нужно.
Код
<script type="text/javascript">
document.write('<div id="cntdwn231" class="countdown"></div>')
period = 1 * 86400; //период повторений в секундах (86400 = сутки)
setInterval(function() {
now = new Date();
var cur_seconds = (now.getHours() * 3600) + (now.getMinutes() * 60) + now.getSeconds();
var match_seconds = period - (cur_seconds % period);
var days = Math.floor(match_seconds / 86400);
var hours = Math.floor(match_seconds / 3600) % 24;
var minutes = Math.floor(match_seconds / 60) % 60;
var seconds = match_seconds % 60;
document.getElementById('cntdwn231').innerHTML = "осталось: <b>" + days + "</b> Дней, <b>" + hours + "</b> Часов, <b>" + minutes + ":" + seconds + "</b> Минут";
}, 1000);
</script>
+в репу. Сегодня посмотрю как ночью автоматически обнулится
*

dmitry77787

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • Процветание-естественная форма жизни!
Re: Таймер обратного отсчета
« Ответ #20 : 07.06.2014, 09:05:18 »
Все работает, супер. Вот если бы еще можно было сделать чтобы 23 часа, 11 часов, 1 час показывал, а не всегда часов, т.е склонение добавить...
*

kreker92

  • Захожу иногда
  • 393
  • 18 / 0
Re: Таймер обратного отсчета
« Ответ #21 : 07.06.2014, 09:58:22 »
Так сделайте.
Перед document.getElementById('cntdwn231').innerHTML...
Код
if(hours == 1 || hours == 21)) {
hoursText = 'Час'
} else if(hours ...
и так далее.

« Последнее редактирование: 07.06.2014, 10:02:07 от kreker92 »
Все вопросы и предложения на почту.
*

zomby6888

  • Завсегдатай
  • 1473
  • 171 / 3
Re: Таймер обратного отсчета
« Ответ #22 : 07.06.2014, 11:51:32 »
вот такой вариант еще:

Спойлер
[свернуть]
интернет-блог: http://websiteprog.ru
*

dmitry77787

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • Процветание-естественная форма жизни!
Re: Таймер обратного отсчета
« Ответ #23 : 07.06.2014, 12:26:39 »
Вставил, вот что получилось:
Код
<script type="text/javascript">
 function declOfNum(number, titles) {
    cases = [2, 0, 1, 1, 1, 2];
    return titles[ (number%100>4 && number%100<20)? 2 : cases[(number%10<5)?number%10:5] ];
}
document.write('<div id="cntdwn233" class="countdown"></div>')
period = 1 * 86400; //период повторений в секундах (86400 = сутки)
setInterval(function() {
now = new Date();
var cur_seconds = (now.getHours() * 3600) + (now.getMinutes() * 60) + now.getSeconds();
var match_seconds = period - (cur_seconds % period);
var days = Math.floor(match_seconds / 86400);
var hours = Math.floor(match_seconds / 3600) % 24;
var minutes = Math.floor(match_seconds / 60) % 60;
var seconds = match_seconds % 60;
var text = 'Осталось <b>'+ days +'</b>' +  declOfNum(days, [' День',' Дня',' Дней']) +', ';
   text += '<b>'+ hours +'</b>' +  declOfNum(hours, [' Час',' Часа',' Часов']) + ', ';
   text += '<b>'+ minutes + ':' + seconds + '</b>' + declOfNum(minutes, [' Минута',' Минуты',' Минут']);   
   document.getElementById('cntdwn233').innerHTML = text
}, 1000);
</script>

Сегодня тестирую, отпишусь по результатам.
*

dmitry77787

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • Процветание-естественная форма жизни!
Re: Таймер обратного отсчета
« Ответ #24 : 08.06.2014, 14:45:27 »
Спасибо, всем дал в репу. Итог здесь таймер сверху в шапке luxmats.ru
*

oskarsmol

  • Осваиваюсь на форуме
  • 12
  • 0 / 0
Re: Таймер обратного отсчета
« Ответ #25 : 21.10.2014, 11:57:42 »
Всех приветствую.
Прошу помочь разобраться в этой теме. Здесь дано решение, как сделать таймер, но у меня нет знаний, куда вставить этот код. Может ли кто собрать воедино эту информацию и написать что нужно сделать, что бы в материал (можно и в модуль) можно было вставить таймер времени?
*

zomby6888

  • Завсегдатай
  • 1473
  • 171 / 3
Re: Таймер обратного отсчета
« Ответ #26 : 22.10.2014, 18:38:08 »
Есть различные плагины для вставки javascript   кода в материалы joomla( sorcerer например), в редакторе вроде тоже можно разрешить вставку кода. Есть и модули тоже. Мне никогда не приходилось пользоватся всем этим, я бы просто модуль написал бы модуль или плагин и отображал  в отдельных статьях.
интернет-блог: http://websiteprog.ru
*

oskarsmol

  • Осваиваюсь на форуме
  • 12
  • 0 / 0
Re: Таймер обратного отсчета
« Ответ #27 : 23.10.2014, 18:13:23 »
Благодарю zomby6888.
C плагином sorcerer получилось вставить код в материал и таймер работает, но он выглядит как текст. Теперь вопрос как сделать это стилем?

А еще этот похоже что нужно, но вставляя в материал почему-то не работает. Куда его нужно прописать или что к нему добавить?
вот пример таймера на сутки со сменой в 3 часа ночи
Код: javascript
function C3Counter(counterClass, opt) {

this.options = {
stepTime: 60, // not used
format: "dd:hh:mm:ss", // not used
startTime: "8 Nov 2013 3:00:00",
digitImages: 1,
digitWidth: 36,
digitHeight: 45,
digitSlide : true,
digitSlideTime : 200,
digitImageHeight : 495,
digitAnimationHeight : 45,
timerEnd: function() {
newInterval(new Date(new Date().getTime() + 24*60*60));
},
image: "nums.png",
updateInterval : 1000

};



var s;

if (typeof opt != "undefined") {
for (s in this.options) {
if (typeof opt[s] != "undefined") {
this.options[s] = opt[s];
}
}
}

options.startTime = (new Date(options.startTime).getTime() - new Date().getTime()) / 1000;

if (String(options.startTime).indexOf(":") == -1) {
options.tempStartTime = options.startTime;
} else {
//TODO - does not convert time with : to seconds to count
var td = new Date(options.startTime);
}


this.pad2 = function(number) {
return (number < 10 ? '0' : '') + number;
}



var timer = setInterval( "this.updateCounter()", options.updateInterval);
var startTime = new Date().getTime();
var secNo = 0;
var timerSingle = new Array();
var dc = 0;
var digits = new Array();
var d = new Date();
var lastTime = d.getTime();


this.calculateTime = function() {
var tempTime = options.tempStartTime;
if (String(options.tempStartTime).indexOf(":") == -1) { 
var seconds=Math.round(options.tempStartTime % 60);
options.tempStartTime=Math.floor(options.tempStartTime/60);
var minutes=Math.round(options.tempStartTime % 60);
options.tempStartTime=Math.floor(options.tempStartTime/60);
var hours=Math.round(options.tempStartTime);
/*options.tempStartTime=Math.floor(options.tempStartTime/24);
var days=Math.round(options.tempStartTime);*/
options.timeStr = this.pad2(hours)+this.pad2(minutes)+this.pad2(seconds);

}

var currTime = new Date().getTime();
var diff = currTime - startTime;

options.tempStartTime = options.startTime - Math.round(diff/1000);
}


this.calculateTime();


for (dc=0; dc<6; dc++) {
digits[dc] = { digit: this.options.timeStr.charAt(dc)};


$j("."+counterClass).append("<div class='digit"+dc+"'  style='position:relative;float:left;width:"+this.options.digitWidth+"px;height:"+this.options.digitHeight+"px;overflow:hidden;'><div class='digit digit-bg"+dc+"' style='position:absolute; top:-"+digits[dc].digit*this.options.digitAnimationHeight+"px; width:"+this.options.digitWidth+"px; height:"+this.options.digitImageHeight+"px; '></div></div>");


if (dc < 6) {
$j("."+counterClass).append("<div class='digit-separator' style='float:left;'></div>");
}
}

$j("."+counterClass).append("<div style='clear:both'></div>");

this.animateDigits = function() {
for (var dc=0; dc<6; dc++) {
digits[dc].digitNext = Number(this.options.timeStr.charAt(dc));
digits[dc].digitNext = (digits[dc].digitNext + 10)%10;

var no = dc;

if (digits[no].digit == 0) $j(".digit-bg"+no).css("top", -this.options.digitImageHeight+this.options.digitHeight + "px");
if (digits[no].digit != digits[no].digitNext) {
$j(".digit-bg"+no).animate( { "top" : -digits[no].digitNext*options.digitHeight+"px"}, options.digitSlideTime);
digits[no].digit = digits[no].digitNext;
}

}

var end = this.checkEnd();
}



this.checkEnd = function() {
for (var i = 0; i < digits.length; i++) {
if (digits[i].digit != 0) {
return false;
}
}

options.timerEnd();
clearInterval(timer);
return true;
}

this.updateCounter = function() {
d = new Date();

if ((d.getTime() - lastTime) < (options.updateInterval - 50)) {
return;
}
lastTime = d.getTime();

this.calculateTime();
this.animateDigits();
}

}

function newInterval(interval) {
C3Counter("counter", { startTime: interval });
}

var monthNames = [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ];

function timer() {
var date = new Date();
if(date.getHours() < 3) {
var day = new Date().getDate();
} else {
var day = new Date().getDate() + 1;
}
newInterval(""+ day +" "+ monthNames[date.getMonth()] +" "+ (date.getYear()+1900) +" 3:00:00");
}

реализован на tor-company.ru

*

N2uM

  • Захожу иногда
  • 470
  • 20 / 0
Re: Таймер обратного отсчета
« Ответ #28 : 30.11.2014, 10:46:53 »
Помогите пожалуйста с таймером обратного отсчета, который будет обнуляться при открытии
страницы новым пользователем. Может кто видел уже готовое решение? 
Лучшее спасибо это "+" в карму
*

kreker92

  • Захожу иногда
  • 393
  • 18 / 0
Re: Таймер обратного отсчета
« Ответ #29 : 24.12.2014, 02:02:58 »
Тут нужно к сессии обращаться. Не видел =)
Все вопросы и предложения на почту.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Русский таймер обратного отсчёта

Автор Olg

Ответов: 7
Просмотров: 480
Последний ответ 26.04.2021, 14:39:13
от Olg
Простой модуль обратного звонка

Автор Oleg18701

Ответов: 4
Просмотров: 641
Последний ответ 30.10.2020, 18:27:23
от Verhov526
Таймер обратного отсчета из параметров статьи

Автор valexi1980

Ответов: 5
Просмотров: 736
Последний ответ 04.06.2019, 14:55:44
от AlekVolsk
Плагин обратного отсчета времени Joomla 3x

Автор Leo1986

Ответов: 2
Просмотров: 1395
Последний ответ 19.03.2017, 23:42:28
от Leo1986
SMS с запросом обратного звонка

Автор АлисаГ

Ответов: 2
Просмотров: 766
Последний ответ 15.02.2016, 14:44:19
от vipiusss