Оживим таймер во фрейме

В этой статье я расскажу, как \”оживить\” таймер во фрейме, т.е. заставить его отсчитывать секунды в реальном времени.В этой статье я расскажу, как \”оживить\” таймер во фрейме, т.е. заставить его отсчитывать секунды в реальном времени. На скорость и время просмотра ссылки это влиять не будет, поскольку таймер у нас не будет являться опорным элементом, а, скорее, просто удобным украшением.

В принципе – всё очень и очень просто. Открываем 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>


Поменять цвет цифры можно уже при помощи обычного HTML.

Комментируем.

0

Понравилась статья? Поделись в соц. сетях:

Похожие новости

Комментарии

Добавить комментарий

Авторизация
*
*
Регистрация
*
*
*
Генерация пароля