Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.11.2014, 07:04
Аватар для webgraph
Профессор
Отправить личное сообщение для webgraph Посмотреть профиль Найти все сообщения от webgraph
 
Регистрация: 14.11.2014
Сообщений: 186

Модицикация таймера обратного отсчёта
Доброе время суток, форумчане!
Прошу помочь в модификации скрипта таймера обратного отсчёта))

Данный скрипт показывает сколько осталось до 11.18.2014 03:12.

Помогите сделать так, чтобы когда время закончилось, автоматически добавлялось 3 дня 5 часов и 32 минуты.

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
<script>
var string = "11/18/2014 03:12";

function timer(string){	
var date_new = string; 
var date_t = new Date(date_new);	
var date = new Date();



var timer = date_t - date;	
if(date_t > date) {	
var day = parseInt(timer/(60*60*1000*24));	
if(day < 10) {	
day = "0" + day;
}	
day = day.toString();	
var hour = parseInt(timer/(60*60*1000))%24;	
if(hour < 10) {	
hour = "0" + hour;	
}	
hour = hour.toString();	


var minute = parseInt(timer/(1000*60))%60;	
if(minute < 10) {	
minute = "0" + minute;	
}	
minute = minute.toString();	


var second = parseInt(timer/1000)%60;	
if(second < 10) {	
second = "0" + second;	
}	
second = second.toString(); 



$("strong.result-day").text(day);	
$("strong.result-hour").text(hour);	
$("strong.result-minute").text(minute);	
$("strong.result-second").text(second);	
}	
else {	

$(".result-day").text("00");	
$(".result-hour").text("00");	
$(".result-minute").text("00");	
$(".result-second").text("00");
}

}

function getfrominputs(){	
timer(string);	
setInterval(function(){	
timer(string);	
},1000);
}

</script>
</head>

<body onLoad="getfrominputs()">
<table class="timer-full">
  <tbody>
    <tr>
      <td><p><strong>ДО КОНЦА АКЦИИ</strong>:</p></td>
      <td>
      <table width="345" class="timer">
        <tbody>
          <tr>
            <td class="border-line"><strong class="result-day">00</strong></td>
            <td>:</td>
            <td class="border-line"><strong class="result-hour">01</strong></td>
            <td>:</td>
            <td class="border-line"><strong class="result-minute">05</strong></td>
            <td>:</td>
            <td class="border-line"><strong class="result-second">32</strong></td>
          </tr>
          <tr class="font100">
            <td>дней</td>
            <td>&nbsp;</td>
            <td>часов</td>
            <td>&nbsp;</td>
            <td>минут</td>
            <td>&nbsp;</td>
            <td>секунд</td>
          </tr>
        </tbody>
      </table>
      
      </td>
    </tr>
  </tbody>
</table>

</body>

</html>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Таймер обратного отсчёта с автообновлением webgraph Элементы интерфейса 0 14.11.2014 06:16
таймер обратного отсчета yintar jQuery 6 03.09.2014 11:16
Таймер обратного отсчета UNIX time TuxShot Общие вопросы Javascript 6 03.08.2014 13:36
Скрипт обратного отсчета времени Artem555 Общие вопросы Javascript 4 17.06.2014 15:09
Скрипт обратного отсчета времени Extremal1989 Общие вопросы Javascript 13 30.12.2012 11:47