If I understand you correctly, you need something like that:$(document).ready(function() { $(".button1").click(function() { console.log("halo1"); }); $(".button2").click(function() { console.log("halo122"); }); function autoLoopSlider(button, time) { setTimeout(function() { $(button).click(); }, time); }; var intervall = setInterval(function() { autoLoopSlider(".button1", 3000); autoLoopSlider(".button2", 1500); }, 1000); // где то тут нужно очищать интервал, когда он тебе уже не нужен })<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <div class="content"> <input type="button" class="button1" value="but1"> <input type="button" class="button2" value="but2"> </div>

Under the variable, you understand the variable interval period. Period setInterval statistic - right on call. setInterval You can't make him variable. But it's possible to make a variable time interval in other ways.Here's an example: every step of the timer is arbitrary, from 0 to 1 sec:var someAction = function(){ console.log(new Date()); //clearTimeout на случай - чтобы при множественном запуске someAction вне, всё было ОК clearTimeout(someAction.timeout); someAction.timeout = setTimeout(someAction, Math.random()*1000); }; someAction();

We must seize the current value of the counter on each teration:for (var i = 0; i < 23; i++) { //23 специально сделано для теста jQuery.get(arrFiles[i], (function(iter) { return function(result) { jQuery(arrCells[iter]).text(result); }; })(i)); }

On call. setInterval/setTimeout losing context, variable this refers to another object with no properties counter♪The most modern and simple way to preserve the context in the bell is to use bind(): setInterval(this.step.bind(this), this.TIME);♪ But this is the way. https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Function/bind#Browser_compatibility IE8 and other old browsers.The safest way is to keep this reference to the variable and to transfer an anonymous function to set Interval:var self = this; this.interval = setInterval(function () {self.step()}, this.TIME); If you usere ES2015, you can use the extra variable:this.interval = setInterval(() => this.step(), this.TIME); https://jsfiddle.net/alexey_m_ukolov/cas2k1cu/1/

Recurring setTimeoutAn important alternative setInterval is a recurring setTimeout:var timer = 5; var timerId = setTimeout(function tick() { console.log( "тик "+ timer); timer-- ; if(timer != 0){ timerId = setTimeout(tick, timer*1000); } else console.log('stop'); }, timer*1000); In the code above, the following implementation is planned immediately after the end of the previous one.Recurring setTimeout is a more flexible method of timeing than setInterval, as the time before the next implementation can be planned differently depending on the current results.Instead of console.log('stop') you can set up your functions.

Second condition bodyif ( $("#online_counter").html() == 2) { Reloads the page, which already suggests a bad code and approach. Set a variable ID interval and clean it up:$(function() { let id = setInterval(function() { // setInterval возвращает уникальный ID вида: 3681 if ($("#online_counter").html() == 1) { $("wrapper").hide(); } if ($("#online_counter").html() == 2) { clearInterval(id); // Функция уничтожения интервала по ID $("wrapper").show(); } }, 3000) });

First, SetTimeout doesn't take into account what's still going on in the browser. The page may, for example, be in an inactive browser deposit. In doing so, it will use the resources of the processor, regardless.By the way, smart Chrome makes setInterval and setTimeout equal 1fps in hidden deposits... but as far as I know, it only makes chrome :Second, SetTimeout requires a page rewriting not at the same time as your computer does (and he does it regularly). It means that your poor browser has to synchronize your grief ensemble with the updating of the whole screen, and if its frequency is not synchronized with the updating of the whole screen, it may require more computing power. And it's the processor's download, heating, the sound of the killer, the flow of the mobile mottos... etc.Another aspect is the animation of several elements at once. Of course, we can try to synchronize this, but... it's another nightmare, in the case of a multi-dimensional animation that occurs one time.To overcome these problems, Mozilla (Firefox) proposed the function requestAnimationFrame, which was subsequently adopted and improved by the WebKit (Chrome and Safari). It provides a built-in API for launching any type of animation in the browser (DOM elements, canvas, WebGL, etc.)function step() { requestAnimationFrame(step); // описываем один шаганимации тут } step(); That's awesome! It's like setTimeout, as described above, but with requestAnimationFrame instead of him! If you wish, you can pass another parameter - animated element: requestAnimationFrame(step, element);However, as you may have noticed, we did not specify the interval. How often does our function be called? It depends on the frequency of your browser and computer staff (usually 60 personnel per second). The key difference is that you ask the browser to perform the function (in our example of step) at the earliest opportunity rather than at the specified interval. Another advantage of this approach is that browsers may reduce requestAnimationFrame depending on the load, visibility of the cell and state of the battery.A few more valuable virtues, please AnimationFrame, that he will group all your animations in one browser repaint. It'll save the processor's resources and let your device be faster and live longer.If you use the requestAnimationFrame, all your animation will be smooth and beautiful, synchronized with your graphic processor (GPU) and eating much less central processor resources (CPU).Source http://html5.by/blog/what-is-requestanimationframe/

Flag of traffic activity and callback may be addedisMoveActive = false; // флаг активности onMoveDone = false; // обработчик завершения движения motionEnemy = function () { if ( (frameWidth / 2) != enemyDistance ) { var res; if ( whichSide === 'r') { res = {marginRight: enemyDistance + 'px'}; } else { res = {marginLeft: enemyDistance + 'px'}; } enemy.css(res); enemyDistance += STEP_LENGHT; setTimeout(motionEnemy,__self.GAME_TICK); } else { // сброс флага и запуск callback isMoveActive = false; if (typeof onMoveDone == 'function') { onMoveDone(); } } }; startMove = function() { if (!isMoveActive) { // установка флага и запуск функции isMoveActive = true; setTimeout(motionEnemy,__self.GAME_TICK); } }; onMoveDone = function() { console.log('ФУНКЦИЯ ЗАВЕРШИЛАСЬ'); }; startMove();

var step = tween.attr.radius/tween.age; // шаг (искомое значение) var period = tween.end/tween.age; // с какой периодичностью будем // прибавлять step

You don't have to start a lot of timers, one for each element found. They can run away and then the glues start with the fact that the wrong element receives the set in your total variable. random meaning. One timer is enough to update all the elements.Updated code for several independent timers. F-I update() receives a set of components in which it shall update the random values:var $el1 = $('.class-1'); var $el2 = $('.class-2'); var a = 1E2, b = 1E3; // случайные от и до function update( $el) { for( var i=0; i<$el.length; i++) { $( $el[i]).text( a + Math.floor( Math.random() * (b - a))); } } setInterval( function(){ update( $el1);}, 800); setInterval( function(){ update( $el2);}, 1200);body { font-family:Helvetica,Arial,sans-serif;} div {margin:2px; width: 100px; text-align:center;} .class-1 { background-color: #FCA } .class-2 { background-color: #CAF }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="class-1"></div> <div class="class-1"></div> <div class="class-1"></div> <div class="class-2"></div> <div class="class-2"></div> <div class="class-2"></div>

var code = "var random=1000;setInterval(function(){random=randomizator(60000,200000)},1000);setInterval(function(){showRandom(random)},random);function randomizator(a,b){return Math.floor(Math.random()*b)+a}function showRandom(random){$('#test').text(random)}"; for (var i=0; i < 4; i++) { eval(code) }

You can, for example, check if ID is a variable interval. $tim3:document.addEventListener("DOMContentLoaded", function() { var $rot = 0; var $tim3; var image = document.getElementById('kar'); function rotkar($kol) { $rot += $kol; image.style.transform = "rotate(" + $rot + "deg)"; } image.addEventListener("click", function() { if ($tim3 == undefined) { $tim3 = setInterval(function() { rotkar(7); }, 1000); } }); });<img id="kar" src="https://www.google.ru/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" />Add the processor through onclick - not the best idea.Transfer the line as first parameter setInterval and setTimeout - especially.

Problem of use http://api.jquery.com/html/ for the current textarea value and for the installation of a new one, to be used http://api.jquery.com/val/ ♪ http://jsfiddle.net/qc64v8oa/3/ Html:<textarea name="message"></textarea> <button type="button" id="btn">Smile</button> Js:var smile; var isFirstLaunch = true; $('#btn').click( function(){ localStorage.setItem('current_smile', 'smile'); } ); function checkSmile() { if( isFirstLaunch == true) { localStorage.setItem('current_smile', "empty"); isFirstLaunch = false; } smile = localStorage.getItem('current_smile'); smile = smile.trim(smile); if(smile != "empty") { addSmile(); localStorage.setItem('current_smile', "empty"); } } function addSmile() { smile = smile.trim(smile); msg = $('textarea[name="message"]').val(); $('textarea[name="message"]').val( msg + " " + smile + " "); } setInterval(checkSmile, 1000);

If you've got your idea right, var numb_1 = 5; var numb_2 = 10; var numb_3 = 12; function times(numb, int_id) { var _ = numb; if (_ <= 0) { clearInterval(int_id); } return (_ < 10) ? '0' + _ : _; } function interval(int_id, numb) { var span = document.getElementById(int_id); int_id = setInterval(function() { span.innerHTML = times(numb--, int_id); }, 1000); } interval('times1', numb_1); interval('times2', numb_2); interval('times3', numb_3);<span id="times1"></span> <span id="times2"></span> <span id="times3"></span>

var inside the function makes the variable available only inside the function itself, and you need a global. run variable.Replace.$("#animate").mouseleave(function(){ var run = setInterval( x,10); }); ♪$("#animate").mouseleave(function(){ run = setInterval( x,10); });

var height = randomInteger(70, 110); var j = 0; //поиск по DOM медленный, обращаемся один раз var elem = document.getElementsByClassName('graph-column-light')[0]; var idInterval = window.setInterval(function () { elem.style.height = j + 'px'; j++; if (j == height) { clearInterval(idInterval); } }, 5);

The problem is the line. setInterval(changeBg(), 3000)♪What's going on in it: changeBgafter which the result of her work isundefinedto be set as the first parameter in setInterval()♪That's right.function changeBg() { $(document.body).animate({ 'backgroundpositionX': '50%' }, 1000); console.log("!"); } setInterval(changeBg, 3000);<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

$(window).load(function(){ $img = $('#image'); setTimeout(function(){ $img.show(); },60000); });

I don't see where you've got a setInterval here.var intervalID = setInterval(function(){ ..какие-то действия.. } , 1000); When a condition has been met, it shall be caused:clearInterval(intervalID) And the code stops running. In your case, clearInterval needs to be caused within the conditions: if(qwer==1){ $('#true_domain_confirm_'+action_id).show(); } By replacing setTimeout on setInterval.

The announcement of var binterval is local, so it is not visible outside the function. You need to change your functions accordingly so that it can be seen in another. Either clean var and do binterval global:function bot_start() { // старт binterval = setInterval(function() { if(...) { clearInterval(binterval); } }, 1000); } Either to use other possibilities, for example, I think it's best not to quarrel the global field:function bot_start() { var binterval = setInterval(function() { if(...) { clearInterval(binterval); } }, 1000); return binterval; } function bot_stop() { clearInterval(bot_stop.interval); } //так должен выглядеть вызов bot_start bot_stop.interval = bot_start();