Как выполнить функцию сразу, а потом через интервал времени?

Question

[Алексей Скляров]

Есть такая функция, которая описывает работу слайдера. Поставил setInterval равным 15, но не знаю, как немного поменять ход его работы. Сейчас при загрузке страницы мы ждем 15 секунд, после чего запускается функция. Как можно сделать так, чтобы после загрузки страницы скрипт запускался сразу, а после 15 секунд запускался снова?

$(document).ready(setInterval(function () {
	var first = $( ".home-img-animate-1" );
	var second = $( ".home-img-animate-2" );
	var title_1 = $( ".anim-opacity-1" );
	var title_2 = $( ".anim-opacity-2" );
	var title_3 = $( ".anim-opacity-3" );
	var sausage_1 = document.querySelector("#sausage-1");
	var sausage_2 = document.querySelector("#sausage-2");
	var titleid_1 = document.querySelector("#anim-opacity-1");
	var titleid_2 = document.querySelector("#anim-opacity-2");
	var titleid_3 = document.querySelector("#anim-opacity-3");
	var pechat = document.querySelector("#pechat");
		first.addClass( "move-1" ).css("opacity","1");;
		second.addClass( "move-2" ).css("opacity","1");;
	  	sausage_1.addEventListener("animationend",function(e){
	  		first.removeClass("move-1");
	    	first.addClass("alarm");
	    	second.removeClass("move-2");
	    	second.addClass("alarm");
	    	title_1.addClass("animation-opacity");
	    	title_1.css("opacity","1");
		},false);
		titleid_1.addEventListener("animationend",function(e){
			title_2.addClass("animation-opacity2s");
	    	title_2.css("opacity","1");
	    	title_3.addClass("animation-opacity");
	    	title_3.css("opacity","1");
		},false);
		titleid_3.addEventListener("animationend",function(e){
			$( ".pechat" ).addClass( "expandOpen full-opacity" );
		},false);

		pechat.addEventListener("animationend",function(e){
	  		second.removeClass("alarm");
	    	first.removeClass("alarm");

		},false);
}, 15000));

Answer 1

[Сергей delphinpro]

function myFunc() {
 // some code
}

$(function(){
  myFunc();
  setInterval(myFunc, 15000);
});

Вопрос:
А зачем вам на каждой итерации навешивать события? Я вижу каждые 15 сек выполнение addEventListener() и ни одного removeEventListener(). Обработчики будут накапливаться. На первой итерации выполнятся по разу, на второй - по два и т.д.

Comments

[Алексей Скляров]

Про это я уже додумался, когда пришлось реализовать цикличное выполнение функции, просто в код оно еще не попало