Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.04.2016, 20:10
Новичок на форуме
Отправить личное сообщение для elapersik Посмотреть профиль Найти все сообщения от elapersik
 
Регистрация: 18.04.2016
Сообщений: 1

Невидимый таймер
Есть всеми известный код

Сообщение от Vulkan Посмотреть сообщение
Как вариант:
<script type="text/javascript">
window.onload = function () {
    var i = 15;
    var timer = setInterval(function () {
        i--;
        document.getElementById('timer').innerHTML = 'Осталось секунд: ' + i;
        if (i == 0) {
            document.getElementById('example').style.display = 'block';
            document.getElementById('timer').style.display = 'none';
            clearInterval(timer);
        }
    }, 1000)
}
</script>

<div id="timer"></div>
<div id="example" style=" display: none; ">
показать через 15 секунд
</div>
Но как делать невидимым таймер? то есть мне не нужно чтоб на сайте показывалось "'Осталось секунд: 15".
Пользователь заходит на сайт, на сайте нет таймера, но через 15 секунд появляется код или слово
Ответить с цитированием
  #2 (permalink)  
Старый 19.04.2016, 10:15
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

elapersik,
Все в ваших руках: не хотите видеть - не надо.
<script type="text/javascript">
window.onload = function () {
    var i = 15;
    var timer = setInterval(function () {
        i--;
       // document.getElementById('timer').innerHTML = 'Осталось секунд: ' + i;
        if (i == 0) {
            document.getElementById('example').style.display = 'block';
            document.getElementById('timer').style.display = 'none';
            clearInterval(timer);
        }
    }, 1000)
}
</script>

<div id="timer"></div>
<div id="example" style=" display: none; ">
показать через 15 секунд
</div>

или
<script type="text/javascript">
window.onload = function () {
      setTimeout(function () {
            document.getElementById('example').style.display = 'block';
    }, 15000)
}
</script>

<div id="example" style=" display: none; ">
показать через 15 секунд
</div>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Таймер на вкладках в Хроме. YNA Opera, Safari и др. 1 28.01.2016 02:43
помогите чтобы таймер тикал Руслан904322 Общие вопросы Javascript 1 22.02.2015 12:43
Обновляемый таймер на javascript smillyhamster Общие вопросы Javascript 1 31.12.2013 10:30
Зацикленный таймер jacko Общие вопросы Javascript 2 01.07.2012 14:32
Как сделать таймер как в САР? jelome Элементы интерфейса 0 27.06.2011 12:40