Выполнять функцию каждые 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 **[ТС]**

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

Новые блоги и статьи Все статьи Все блоги /
делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .

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

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

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