Выполнять функцию каждые 5 секунд

@eisenheim · Регистрация: 06.06.2011

Студворк — интернет-сервис помощи студентам

Нужно чтобы каждые 5 секунд выполнялась функция changeImageHandler();
Как реализовать?

Vovan-VE · 09.09.2012, 11:35

JavaScript
1
setInterval(changeImageHandler, 5000);

@eisenheim · 09.09.2012, 12:08 **[ТС]**

Не работает. Ну точнее работает, но не с этим скриптом.
В общем им. главная страница. И её фон можно менять с помощью двух кнопок (prev и next). А я хочу ещё добавить таймер для автосмены.
Вот часть скрипта:

JavaScript
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
33
34
        function resizeImageHandler(){
            image = $("#imageHolder > img");
            imageK =image.height()/image.width()
            holderK =imageHolder.height()/imageHolder.width()
            if(holderK>imageK){
                imagePercent = (image.width()/image.height())*100;
                image.css({height:imageHolder.height(), width:(imageHolder.height()*imagePercent)/100});
            }else{
                imagePercent = (image.height()/image.width())*100;
                image.css({width:imageHolder.width(), height:(imageHolder.width()*imagePercent)/100});
            }
            imageDeltaX=-(image.width()-imageHolder.width())/2;
            imageDeltaY=-(image.height()-imageHolder.height())/2;
            image.css({left:imageDeltaX, top:imageDeltaY, position:"absolute"});
        }
        function changeImageHandler(){
            loadComplete = false;
            image.addClass("topImg");
            imgSRC = imageSRCLink.eq(currImg).attr("href");
            imageHolder.append("<div id='imgSpinner'></div><img class='bottomImg' src="+imgSRC+" alt=''>");
            $("#imgSpinner").css({opacity:0}).stop(true).animate({opacity:1}, 300, "easeInOutCubic")
            $(".bottomImg").bind("load", loadImageHandler);
        }
        function loadImageHandler(){
            resizeImageHandler();
            $(".bottomImg").unbind("load", loadImageHandler);
            $("#imgSpinner").stop(true).animate({opacity:0}, 1000, "easeInOutCubic")
            $(".topImg").stop(true).animate({opacity:0}, 1000, "easeInOutCubic",  function(){
                $("#imgSpinner").remove();
                $(".topImg").remove();
                image.removeClass("bottomImg");
                loadComplete = true;
            })
        }

Как бы сюда таймер влепить?

Добавлено через 42 секунды
Вот next и prev:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
            $("#next").click(function(){
                    if(loadComplete){
                        autoPlayState = false;
                        prevImg = currImg;
                        currImg++;
                        if(currImg>allImg-1){
                            currImg = 0;
                        }
                        changeImageHandler();
                    }
            });
            $("#prev").click(function(){
                if(loadComplete){
                    autoPlayState = false;
                    prevImg = currImg;
                    currImg--;
                    if(currImg<0){
                        currImg = allImg-1;
                    }
                    changeImageHandler();
                }           
            });

Добавлено через 2 минуты
В JS я не спец, да и практически не разбираюсь в нём. Попробовал сделать такую функцию:

JavaScript
1
2
3
4
5
        $(window).load(function(){
        if(loadComplete){
            setInterval(changeImageHandler, 1000);
        }
        });

Не работает. Может что-то на подобии можно сделать?

@Lemix Troil · 09.09.2012, 13:18

JavaScript
1
2
3
4
5
$(function() {
 setInterval(function() {
  if (loadComplete) changeImageHandler();
 }, 5000);
});

@eisenheim · 09.09.2012, 13:21 **[ТС]**

Странно, что всё равно не работает!

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .

@eisenheim 18 / 8 / 2 Регистрация: 06.06.2011 Сообщений: 268

	Выполнять функцию каждые 5 секунд 09.09.2012, 11:29. Показов 4398. Ответов 4 Метки нет (Все метки) Нужно чтобы каждые 5 секунд выполнялась функция changeImageHandler(); Как реализовать? 0

@eisenheim 18 / 8 / 2 Регистрация: 06.06.2011 Сообщений: 268
	09.09.2012, 13:21 [ТС]
	Странно, что всё равно не работает! 0