Всем привет! Подскажите, пожалуйста, скрипт обратного отсчета (20… 19… 18… … 3… 2… 1…)... По истечению таймера чтобы становилась доступна ссылка?
- 03.08.2013 16:44
- 06.08.2013 23:24
- Регистрация: 29.11.2009
- Сообщений: 131
- Репутация: 32
Такой скрипт под себя настраивать дольше, чем писать.
Вам помогут функции setTimeout или setInterva,l а также свойство innerHTML или style.display элемента.Спасибо сказали:
evpatiy(07.08.2013), - 07.08.2013 08:56
А что трудного указать количество секунд и свою ссылку вставить?
Код HTML:<script type="text/javascript"> window.onload = function(){ var i = 10; (function(){ document.getElementsByTagName('div')[0].innerHTML = --i>=0 ? i : "<a href=\"http://ya.ru/\">click</a>" window.setTimeout(arguments.callee, 1000); })(); }; </script>
- 07.08.2013 09:38
- Регистрация: 29.11.2009
- Сообщений: 131
- Репутация: 32
Я бы еще условие на вызов setTimeout добавил - чего счетчику крутиться, когда i отрицательным станет.
- 11.08.2013 16:10Код HTML:
<div id="link">Ссылка будет доступна через <span id="time">20 секунд</span></div> <script type="text/javascript"> var time_left = 20; var link = "http://google.ru/"; var Timer = setInterval(function() { time_left--; if (time_left == 0) { clearInterval(Timer); document.getElementById('link').innerHTML = "<a href='"+link+"'>Ссылка</a>"; } else { document.getElementById('time').innerHTML = time_left+" секунд"; } }, 1000); </script>
- 13.08.2013 21:47
Tairesh, У данного кода один минус – ссылку можно увидеть через исходный код страницы…
Тэги топика:
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
Подскажите на MODx индикатор обратного отсчета времени | CMS | 4 | 16.06.2016 14:08 |
Ищу красивый таймер обратного отсчета на Java Script | Софт, скрипты, сервисы | 4 | 21.06.2013 22:50 |
Кто знает счетчик обратного отсчета для WordPress? | WordPress | 2 | 04.06.2013 22:41 |
Подскажите скрипт галлереи. | Софт, скрипты, сервисы | 16 | 27.09.2009 01:28 |
Подскажите скрипт чека. | Софт, скрипты, сервисы | 23 | 12.09.2009 14:20 |