В этой статье я расскажу, как \»оживить\» таймер во фрейме, т.е. заставить его отсчитывать секунды в реальном времени.В этой статье я расскажу, как \»оживить\» таймер во фрейме, т.е. заставить его отсчитывать секунды в реальном времени. На скорость и время просмотра ссылки это влиять не будет, поскольку таймер у нас не будет являться опорным элементом, а, скорее, просто удобным украшением.
В принципе — всё очень и очень просто. Открываем vls.php. Нас интересует строка:
Подождите, пожалуйста, <span style="color:#ff0000"><?=$_SESSION["timer"] ?></span> секунд..
В неё выводится только мёртвая цифра — наша цель её оживить. Удаляем:
<?=$_SESSION["timer"] ?>
И на место этого кода вставляем:
<script type="text/javascript">
function timer(){
var obj=document.getElementById('timer_inp');
obj.innerHTML—;
if(obj.innerHTML==0){setTimeout(function(){},1000);}
else{setTimeout(timer,1000);}
}
setTimeout(timer,1000);
</script>
<span id="timer_inp"><?=$_SESSION["timer"]; ?></span>
function timer(){
var obj=document.getElementById('timer_inp');
obj.innerHTML—;
if(obj.innerHTML==0){setTimeout(function(){},1000);}
else{setTimeout(timer,1000);}
}
setTimeout(timer,1000);
</script>
<span id="timer_inp"><?=$_SESSION["timer"]; ?></span>
Поменять цвет цифры можно уже при помощи обычного HTML.
Комментируем.
Автор публикации
Комментарии: 0Публикации: 166Регистрация: 19-02-2011
Отправить комментарий
Вы должны быть зарегистрированы чтобы оставить комментарий.
Вы должны быть зарегистрированы чтобы оставить комментарий.