Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Невидимый таймер (https://javascript.ru/forum/dom-window/62591-nevidimyjj-tajjmer.html)

elapersik 18.04.2016 20:10

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

Цитата:

Сообщение от Vulkan (Сообщение 106439)
Как вариант:
<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 секунд появляется код или слово

Dilettante_Pro 19.04.2016 10:15

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>


Часовой пояс GMT +3, время: 15:05.