Develop Reference

countTo.js restart on complete with a short pause

im using the countTo.js script to display a counter. This counter has to count up to a specific value and then restart after a short delay. Everything works fine except the delay after its finished. Problem is, it restarts immediately. Cant get it to work, maybe you got some ideas?
script and documentation on github: countTo.js
$(document).ready(function() {
jQuery('.timer1').countTo({
onComplete: function() {
jQuery('.timer1').countTo('restart')
}
});
});
JSFiddle

You can use setTimeout like this:
$(document).ready(function() {
jQuery('.timer1').countTo({
onComplete: function() {
setTimeout(function(){
jQuery('.timer1').countTo('restart');
}, 1000);
}
});
});
Here 1000 is the wait in milliseconds.

js timeout best practice

Basiaclly I need to set a time out to run 2 functions at two different times and wanted to strucuture it right. What I was looking for is something like this:
setTimeout(function(){
$('body').chardinJs('start');
},3000
);
setTimeout(function(){
$('body').chardinJs('stop');
},6000
);
So it would run one method after 3sec and another after 6sec. Is this correct way or can you chain them together?

This is correct.
However you should have a look on Javascript callbacks or jQuery deferred handlers. Could be cleaner.

Of course.
function sto(el, str, tm){
setTimeout(function(){
$(el).chardinJs(str);
},tm
);
}
sto('body', 'start', 3000);
sto('body', 'stop', 6000);
another would be so much longer (setInterval, [switch] or [if])

How to add .delay to .click on .each iteration (jquery)

So, I want to put delay on this JavaScript code.
$(function(){
$('.clickThis').each(function(){
$(this).click();
});
});
I tried this
$(function(){
$('.clickThis').each(function(){
$(this).click().delay(5000);
});
});
above script doesnt work .
Is there any alternative?
I've tried Google it but I still couldn't figure it out, because I have little knowledge in JavaScript.

This will do it:
$(function(){
$('.clickThis').each(function(i, that){
setTimeout(function(){
$(that).click();
}, 5000*i );
});
});

Here's a version using a recursive setTimeout loop.
$(function() {
var click = $('.clickThis').toArray();
(function next() {
$(click.shift()).click(); // take (and click) the first entry
if (click.length) { // and if there's more, do it again (later)
setTimeout(next, 5000);
}
})();
});
The advantage of this pattern over setTimeout(..., 5000 * i) or a setInterval call is that only a single timer event is ever queued at once.
In general, repeated calls to setTimeout are better than a single call to setInterval for a few reasons:
setInterval calls can queue up multiple events even if the browser isn't active, which then all fire as quickly as possibly when the browser becomes active again. Calling setTimeout recursively guarantees that the minimum time interval between events is honoured.
With setInterval you have to remember the timer handle so you can clear it

You need to write an asynchronous setTimeout loop, for more information http://www.erichynds.com/javascript/a-recursive-settimeout-pattern/

Try to use this:
$(function () {
var items=$('.clickThis');
var length=items.length;
var i=0;
var clickInterval=setInterval(function(){
items.eq(i).click();
i++;
if(i==length)
clearInterval(clickInterval);
}, 5000);
});

var $clickthis=$(".clickthis");
var i= -1;
var delayed = setInterval(function(){
if (++i < $clickthis.length) $clickthis.eq(i).trigger("click");
else clearInterval(delayed);
}, 5000);

I am not sure but I think that setTimeout function should do the trick.
See here https://developer.mozilla.org/en-US/docs/DOM/window.setTimeout

Try
$(function(){
$('.clickThis').each(function(_,i){
var me=$(this);
setTimeout(function(){me.click()},5000*i);
);
});

clearTimeout not working in javascript autocomplete script

I am using the following code as part of an autocomplete script to avoid hammering the server with every keystroke:
var that = this;
textInput.bind("keyup", function() {
clearTimeout(that.timer);
that.timer = setTimeout (that.doStuff(), 2000);
});
Unfortunately, this does not clear the old timers. They still all execute.
Does anyone know what I'm missing?
Thanks!

You probably want to use:
that.timer = setTimeout (that.doStuff, 2000);
instead of:
that.timer = setTimeout (that.doStuff(), 2000);
Otherwise, doStuff will be called immediately.

Call js-function using JQuery timer

Is there anyway to implement a timer for JQuery, eg. every 10 seconds it needs to call a js function.
I tried the following
window.setTimeout(function() {
alert('test');
}, 10000);
but this only executes once and then never again.

You can use this:
window.setInterval(yourfunction, 10000);
function yourfunction() { alert('test'); }

window.setInterval(function() {
alert('test');
}, 10000);
window.setInterval
Calls a function repeatedly, with a
fixed time delay between each call to
that function.

Might want to check out jQuery Timer to manage one or multiple timers.
http://code.google.com/p/jquery-timer/
var timer = $.timer(yourfunction, 10000);
function yourfunction() { alert('test'); }
Then you can control it with:
timer.play();
timer.pause();
timer.toggle();
timer.once();
etc...

setInterval is the function you want. That repeats every x miliseconds.
window.setInterval(function() {
alert('test');
}, 10000);

jQuery 1.4 also includes a .delay( duration, [ queueName ] ) method if you only need it to trigger once and have already started using that version.
$('#foo').slideUp(300).delay(800).fadeIn(400);
http://api.jquery.com/delay/
Ooops....my mistake you were looking for an event to continue triggering. I'll leave this here, someone may find it helpful.

try jQueryTimers, they have great functionality for polling
http://plugins.jquery.com/project/timers

You can use setInterval() method also you can call your setTimeout()
from your custom function for example
function everyTenSec(){
console.log("done");
setTimeout(everyTenSec,10000);
}
everyTenSec();

function run() {
window.setTimeout(
"run()",
1000
);
}