Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.10.2014, 10:55
Новичок на форуме
Отправить личное сообщение для ibutterfly777 Посмотреть профиль Найти все сообщения от ibutterfly777
 
Регистрация: 27.08.2014
Сообщений: 4

Как сделать таймер обратного отсчета который бы запускался при открытии сайта
Здравствуйте! Подскажите пожалуйста есть ли готовое решение. Мне нужен таймер обратного отсчета на 24 часа, который будет запускаться после открытия сайта и по окончании переходить на другую страницу. Пример http://center-english.ru/confirmation/ только здесь таймер на 30 минут. А мне нужно именно 24 часа. Буду очень благодарна за подсказку. Если готового решения нет, может ли кто то сделать такой скрипт? Какие условия?

Или возможно можно изменить как то вот этот скрипт, чтоб достичь этого результата

function CountdownTimer(elm,tl,mes){
this.initialize.apply(this,arguments);
}
CountdownTimer.prototype={
initialize:function(elm,tl,mes) {
this.elem = document.getElementById(elm);
this.tl = tl;
this.mes = mes;
},countDown:function(){
var timer='';
var today=new Date();
var day=Math.floor((this.tl-today)/(24*60*60*1000));
var hour=Math.floor(((this.tl-today)%(24*60*60*1000))/(60*60*1000));
var min=Math.floor(((this.tl-today)%(24*60*60*1000))/(60*1000))%60;
var sec=Math.floor(((this.tl-today)%(24*60*60*1000))/1000)%60%60;
var me=this;

if( ( this.tl - today ) > 0 ){
timer += '<span class="number-wrapper"><div class="line"></div><div class="caption">часы</div><span class="number hour">'+hour+'</span></span>';
timer += '<span class="number-wrapper"><div class="line"></div><div class="caption">минуты</div><span class="number min">'+this.addZero(min)+'</span></span><span class="number-wrapper"><div class="line"></div><div class="caption">секунды</div><span class="number sec">'+this.addZero(sec)+'</span></span>';
this.elem.innerHTML = timer;
tid = setTimeout( function(){me.countDown();},10 );
}else{
window.location = 'end.html'

}
},addZero:function(num){ return ('0'+num).slice(-2); }
}
function CDT(){

// Set countdown limit
var tl = new Date('2014/10/31 00:00:00');

// You can add time's up message here
var timer = new CountdownTimer('CDT',tl, '<span class="number-wrapper"><div class="line"></div><span class="number end">Time is up!</span></span>');
timer.countDown();
}
window.onload=function(){
CDT();
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Таймер обратного отсчета UNIX time TuxShot Общие вопросы Javascript 6 03.08.2014 13:36
Нужен таймер обратного отсчета -> andreloster Элементы интерфейса 3 06.09.2013 05:09
как сделать что бы при открытии страницы сразу открылось большое фото oksanaweb Общие вопросы Javascript 1 05.06.2013 02:17
Как сделать чтобы не закрывать актиыный див при открытии другого дива dimas15 Общие вопросы Javascript 53 21.08.2012 23:27
Как сделать таймер как в САР? jelome Элементы интерфейса 0 27.06.2011 12:40