Показать сообщение отдельно
  #23 (permalink)  
Старый 08.05.2014, 01:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

попробуйте скопировать отсюда может больше повезёт.
<html>
<head>
 <style type="text/css">
 .number{
   background: #F54500;
 }

  </style>
<script type = "text/javascript">

var cday;
var timeInSecs;
var ticker;

function getSeconds() {
var now = new Date();
var nowtime= now.getTime();  // время теперь в миллисекундах
var countdowntime = new Date(now.getFullYear(),now.getMonth(),now.getDate(),0,0,0); //16 часов = 16:00
//countdowntime - изменяют гд времени, mm, ss к любому времени, требуемому, например, 7,50,0 (0750)

var dy = 5 ; // В пятницу (день 5) - изменяются в течение других дней 0-6
var atime = countdowntime.getTime();
var diff = parseInt((atime - nowtime)/1000);  // положительный, если дата находится в будущем
if (diff >0) {
cday = dy - now.getDay();      
}
else {
cday =  dy - now.getDay() -1;
}
if (cday < 0) { cday += 7; }   // провел время обратного отсчета, поэтому пойдите в течение следующей недели
if (diff <= 0) { diff += (24*60*60 ) }    // время ковыряем тут (сейчас сутки)
startTimer (diff);
}

function startTimer(secs) {
timeInSecs = parseInt(secs);
ticker = setInterval("tick()",1000); 
tick(); //начать встречный показ сразу же
}

function tick() {
var secs = timeInSecs;
if (secs>0)   { 
timeInSecs--; 
} 
else { 
clearInterval(ticker); // прекратите считать в ноле
getSeconds();  // и начните снова и снова!
 }

var days = Math.floor(secs/86400);
secs %= 3600;   // попробовать поиграть в этой строке (было 86400)
var hours= Math.floor(secs/3600);
secs %= 3600;
var mins = Math.floor(secs/60);
secs %= 60;
var result = ((days < 10 ) ? "0":"" )+days+' ';
result += ((hours < 10 ) ? "0":"" ) + hours + " " + ( (mins < 10) ? "0" : "" ) + mins
+ " " + ( (secs < 10) ? "0":"" ) + secs + "";
    document.getElementById("countdown").innerHTML =  result.replace(/(\d+)/g, "<span class='number'>$1</span>");
}
</script>
</head>
<body onload = "getSeconds()" style="background-color: #ffffff;">
<div id="CountD" style="background-color: #ffffff; width:300px; height: 180px; background-image:url(ScreenShot002.png) ">
			<span id="title" style="font-family: arial; font-size: 20; font-weight: bold; color: #ffffff; position: relative; top:27px; left:60px; z-index:1;">Weekend Cup 2012</span>
			<br><br>
			<span id="countdown" style="font-family: arial; font-size: 25; font-weight: bold; color: #3b3b3b; position: relative; top:34px; left:127px; z-index:1;"> </span>			
</div>		
</body>
</html>
Ответить с цитированием