X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Небольшой JS
altairpk
altairpk
Topic Starter сообщение 18.10.2011, 21:36; Ответить: altairpk
Сообщение #1


Бывалый
****

Группа: Banned
Сообщений: 452
Регистрация: 14.3.2011
Поблагодарили: 76 раз
Репутация:   12  


Приветствую.
Идея такова: есть небольшой кусок html кода, нужно его скрыть на время, а отобразить таймер, после отсчёта которого появиться html код.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Kaa
Kaa
сообщение 18.10.2011, 22:56; Ответить: Kaa
Сообщение #2


Новичок
*

Группа: User
Сообщений: 26
Регистрация: 7.10.2011
Поблагодарили: 9 раз
Репутация:   2  


var timer_id;         // timer ID
var time_lim = 30; // timer limit in sec
var timer_i  = 0;       // timer iterator

function timer(){
    document.getElementById('counter').innerHTML = timer_i;
    if (time_lim == timer_i++) {
        clearInterval(timer_id);
        document.getElementById('counter').style.display = 'none';
        document.getElementById('hideText').style.display = 'block';
    }
}

// onLoad
document.getElementById('hideText').style.display = 'none';
timer_id = window.setInterval(timer, 1000);


Сообщение отредактировал Kaa - 18.10.2011, 22:58
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
altairpk
altairpk
Topic Starter сообщение 19.10.2011, 19:35; Ответить: altairpk
Сообщение #3


Бывалый
****

Группа: Banned
Сообщений: 452
Регистрация: 14.3.2011
Поблагодарили: 76 раз
Репутация:   12  


Выдает ошибку в строке
document.getElementById('hideText').style.display = 'none';
Кто знает в чём причина?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WebAction
WebAction
сообщение 19.10.2011, 19:42; Ответить: WebAction
Сообщение #4


Топовый постер
*******

Группа: Super Moderator
Сообщений: 3059
Регистрация: 18.11.2009
Поблагодарили: 2512 раз
Репутация:   249  


А ид - hideText точно есть на странице?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Kaa
Kaa
сообщение 19.10.2011, 19:44; Ответить: Kaa
Сообщение #5


Новичок
*

Группа: User
Сообщений: 26
Регистрация: 7.10.2011
Поблагодарили: 9 раз
Репутация:   2  


в личку не могу отвечать.
это только JavaScript, для работы еще немного HTML надо - на пример два div'а с id hideText и counter, пришлите полностью ваш код и браузер.
У меня было примерно так:
<body>
<div id="hideText">hided text</div>
<div id="counter"></div>
</body>


Сообщение отредактировал Kaa - 19.10.2011, 19:46
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
altairpk
altairpk
Topic Starter сообщение 19.10.2011, 20:03; Ответить: altairpk
Сообщение #6


Бывалый
****

Группа: Banned
Сообщений: 452
Регистрация: 14.3.2011
Поблагодарили: 76 раз
Репутация:   12  


Да id был. Уже реализовал сам на jQuery+мозговой штурм.
Спасибо всем.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Гемблинг емайл рассылка по небольшой базе 2017 года.
Рассылка за 10 минут.
0 Topnine 643 17.2.2017, 0:43
автор: Topnine
Открытая тема (нет новых ответов) Ищу рерайтера/копирайтера. Небольшой конкурс
9 by_roXe 2823 11.2.2015, 12:29
автор: Левитская
Открытая тема (нет новых ответов) Написать небольшой скрипт на php
4 елегантный 2520 4.2.2015, 11:10
автор: alikitto
Открытая тема (нет новых ответов) Предлагаю небольшой аудит сайта
Бесплатно
5 serezka 1205 17.11.2014, 17:02
автор: serezka
Открытая тема (нет новых ответов) Нужен WordPress программист для небольшой халтурки
1 Илюха 1183 24.8.2014, 20:29
автор: make4web


 



RSS Текстовая версия Сейчас: 16.12.2017, 17:32
Дизайн