Подскажите, как отобразить результат работы обратного отсчета в нескольких местах на странице?
Нашел уйму работающих скриптов в гугле, но если дублировать код, который выводит результат, отображается только один из них.
Например:
CODE ( html):
скопировать код в буфер обмена
<html> <head> <title>Таймер обратного отсчета</title> <script type="text/javascript"> <!-- function newYearIn() { 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))); 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}; var mcend = Date.parse("Jan 1, 2012, 00:00:00"); var mcnow = now.getTime(); var mc = ((mcend-mcnow)/10).toFixed(0).substr(8); document.getElementById('newyear').innerHTML = RemainsFullHours+ " : " +RemainsMinutes+ " : "+lastSec; setTimeout("newYearIn()",10); } else {document.getElementById("newyear").innerHTML = "СОБЫТИЕ НАСТУПИЛО !!!";} } //--> </script> </head> <body onload="newYearIn();"> <div id="newyear"></div> </body> </html>
Дублирую тег <div id="newyear"></div> Но второй счетчик не отображается. Подскажите, как быть? Мне нужно 4 одинаковых таймера на странице (для привлечения клиентов, что-то вроде акции).
|