Таймер ссылки


Скрипт для отображения скрытого содержимого, после истечения определенного времени
<style type="text/css">
#timer_num {width:70px; height:70px; background: url('http://img3.depositfiles.com/images/timer.gif') no-repeat; text-align:center; font-size:36px; color:#666}
</style> <script type="text/javascript">  
window.onload =  function () {  
 var timer_num = 4; // Число задержки в секундах  
 document.getElementById('timer_num').innerHTML =  timer_num;
 var timers = setInterval(function () {
 timer_num--; 
 document.getElementById('timer_num').innerHTML =  timer_num;
 if (timer_num == 0) {
	document.getElementById('timer_2').style.display = 'block';
    document.getElementById('timer_1').style.display = 'none';
	clearInterval(timers);
	}
 }, 1000)
} 
 </script> <table id="timer_1" border="0" cellpadding="2" cellspacing="2"><tbody><tr> <td>Ожидайте:</td> <td id="timer_num"></td> <td>сек.</td> </tr></tbody></table> <div style="display:none" id="timer_2">  
 То что скрыто  
 </div>

Оцените статью или поделитесь ей в соцсетях:

+ 0 | - 0

Рекомендуемые статьи:


Комментарии

Нет комментариев к данной статье.

Оставьте комментарий!

Поля обозначенные как * требуются обязательно. Перед постингом всегда делайте просмотр своего комментария.