ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / скрывать/отображать div при помощи таймера
15 сообщений из 15, страница 1 из 1
скрывать/отображать div при помощи таймера
    #36260134
Фотография INOKENTiY
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
INOKENTiY
Участник
Здравствуйте
есть один div с стилем "display:none", а второй отображается, так вот как сделать что бы они каждые 5 сек менялись местами?
...
Рейтинг: 0 / 0
19.10.2009, 16:55
| Ответить | Цитировать | Написать  
скрывать/отображать div при помощи таймера
    #36260680
Ps-spectre
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ps-spectre
Участник
А в чем собсна сложность?
Вот решение в лоб:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
 
    <style type="text/css">
        .divInvisible { display: none; }
        .divVisible { display: block; }
    </style>
    <script type="text/javascript">
        function DivChange(div1, div2) {
            var div1 = document.getElementById(div1);
            var div2 = document.getElementById(div2);
            div1.className = (div1.className == "divVisible") ?
                "divInvisible" : "divVisible";
            div2.className = (div2.className == "divVisible") ?
                "divInvisible" : "divVisible";
        }
        
        var timer;
        var timerOn = false;
        function Tick() {
            DivChange('div1', 'div2');
            timer = setTimeout("Tick()",  5000 );
        }
        function Start() {
            if (!timerOn) {
                timerOn = true;
                Tick();
            }
        }
        function Stop() {
            clearTimeout(timer);
            timerOn = false;
        }
    </script>
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
    <input type="button" value="Start" onclick="Start()" />
    <input type="button" value="Stop" onclick="Stop()" />
    
    <div id="div1" class="divVisible">
        div1
    </div>
    
    <div id="div2" class="divInvisible">
        div2    
    </div>
...
Рейтинг: 0 / 0
19.10.2009, 20:47
| Ответить | Цитировать | Написать  
скрывать/отображать div при помощи таймера
    #36260742
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
А чё так сложно? Да и код не рабочий? Вот примерчик:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<html>
<script>
function toggle(){
if(document.getElementById('div2').style.display=='block')
  {document.getElementById('div2').style.display='none';document.getElementById('div1').style.display='block';}
else
  {document.getElementById('div1').style.display='none';document.getElementById('div2').style.display='block';}
}
</script>
<body>
<div id="div1">aaaaaaa</div>
<div id="div2">bbbbbbb</div>
<script>
document.getElementById("div2").style.display="none";
setInterval("toggle()", 5000 );
</script>
</body>
</html>
...
Рейтинг: 0 / 0
19.10.2009, 21:26
| Ответить | Цитировать | Написать  
скрывать/отображать div при помощи таймера
    #36260750
Ps-spectre
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ps-spectre
Участник
ShSerge , да, так короче ))
...
Рейтинг: 0 / 0
19.10.2009, 21:37
| Ответить | Цитировать | Написать  
скрывать/отображать div при помощи таймера
    #36260787
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Ps-spectre,

У тебя, конечно, правильнее написано с классами цсс и т.д., а у меня - по простому. Зато понятно и скопипастить примерчик можно. Хотя, пускай лучше ТС смотрит в сторону твоего поста.
...
Рейтинг: 0 / 0
19.10.2009, 22:19
| Ответить | Цитировать | Написать  
скрывать/отображать div при помощи таймера
    #36261072
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Только не понятно зачем он "самовызов" делает...

Код: plaintext
1.
2.
3.
function Tick() {
    DivChange('div1', 'div2');
    timer = setTimeout("Tick()",  5000 );
}
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
20.10.2009, 08:24
| Ответить | Цитировать | Написать  
скрывать/отображать div при помощи таймера
    #36261086
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
видимо не знал про setInterval, вот так и сделал
...
Рейтинг: 0 / 0
20.10.2009, 08:35
| Ответить | Цитировать | Написать  
скрывать/отображать div при помощи таймера
    #36261457
Ps-spectre
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ps-spectre
Участник
Сорри, действительно протупил, писал сходу, уже вечером, усталость и все такое... )))
сетИнтервал да, и клиарИнтервал приятней, да . )
...
Рейтинг: 0 / 0
20.10.2009, 11:33
| Ответить | Цитировать | Написать  
скрывать/отображать div при помощи таймера
    #36262048
Фотография INOKENTiY
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
INOKENTiY
Участник
ShSerge,
спасибо, забыл совсем про setTimeout, а я копался с jquery Effects , думал как-то сделать что бы баннер уезжал как-то, но не получается
...
Рейтинг: 0 / 0
20.10.2009, 14:34
| Ответить | Цитировать | Написать  
скрывать/отображать div при помощи таймера
    #36262245
Фотография INOKENTiY
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
INOKENTiY
Участник
Код: plaintext
1.
2.
3.
4.
function toggle(){
    $("#banner1").slideToggle("slow");
    $("#banner2").slideToggle("slow");
}
поставил так, но выходит что один банер уезжает вниз, а потом опять вверх, а как бы сделать, что бы они справа на лево уезжали?
...
Рейтинг: 0 / 0
20.10.2009, 15:32
| Ответить | Цитировать | Написать  
скрывать/отображать div при помощи таймера
    #36262520
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Пользуйся .animate() и указывай изменения как координат, так и габаритов (к примеру - если надо, чтобы вправо подавался, надо менять левую координату и ширину).
...
Рейтинг: 0 / 0
20.10.2009, 17:01
| Ответить | Цитировать | Написать  
скрывать/отображать div при помощи таймера
    #36262661
Фотография INOKENTiY
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
INOKENTiY
Участник
просто двигать выходит а вот что бы баннер как бы из-за границы выезжаед и накрывает видимый как сделать
...
Рейтинг: 0 / 0
20.10.2009, 17:42
| Ответить | Цитировать | Написать  
скрывать/отображать div при помощи таймера
    #36262685
Фотография INOKENTiY
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
INOKENTiY
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
$("banner1").animate({
      "height": "toggle", "opacity": "toggle"
    }, "slow");
$("banner2").animate({
      "height": "toggle", "opacity": "toggle"
    }, "slow");
так не получается
...
Рейтинг: 0 / 0
20.10.2009, 17:48
| Ответить | Цитировать | Написать  
скрывать/отображать div при помощи таймера
    #36263460
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
Не выходит не знаю почему , но то, что у элементов, к которым обращаешься по id должна стоять решётка это точно))
Код: plaintext
1.
2.
$("#banner1").animate({opacity: "0.1", left: "+=400"},  1000 )
		.animate({opacity: "0.4", top: "-=400"},  1000 )
Вот пример движущегося блока, изменяющего прозрачность
...
Рейтинг: 0 / 0
21.10.2009, 09:59
| Ответить | Цитировать | Написать  
скрывать/отображать div при помощи таймера
    #36263537
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
INOKENTiYа вот что бы баннер как бы из-за границы выезжаед и накрывает видимый как сделать

Как вариант увеличивать ширину "появляющегося" и одновременно уменьшать "исчезающего"... Вроде как получится справо на лево...
...
Рейтинг: 0 / 0
21.10.2009, 10:28
| Ответить | Цитировать | Написать  
15 сообщений из 15, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / скрывать/отображать div при помощи таймера
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36261086&tid=1454103]:
 0ms
get settings:
 11ms
get forum list:
 16ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 194ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 53ms
get tp. blocked users:
 2ms
others: 231ms
total:  529ms
созд. / загр.: 529ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]