I am currently building a website to host software. What I want is to add to the project pages is a slideshow of screenshots cycling, changing images about every 5 seconds. Is there any way to a script triggered at a time interval using just JavaScript? ..or will I have to resort to alternative methods for achieving my desired functionality. Thanks in advance for any help!
1
- 2possible duplicate of set Interval and Clear Intervalg.d.d.c– g.d.d.c2013-08-06 02:03:09 +00:00Commented Aug 6, 2013 at 2:03
Add a comment |
4 Answers
function doSomething() { alert('This pops up every 5 seconds and is annoying!'); } setInterval(doSomething, 5000); // Time in milliseconds Pass it the function you want called repeatedly every n milliseconds. (setTimeout, by the way, will call a function with a timeout.)
If you ever want to stop the timer, hold onto setInterval’s return value and pass it to clearInterval.
Comments
You want the setInterval function.
setInterval(function() { // This will be executed every 5 seconds }, 5000); // 5000 milliseconds Basic reference: http://www.w3schools.com/jsref/met_win_setinterval.asp (please ignore the reference to the "lang" parameter)
More indepth reference: https://developer.mozilla.org/en-US/docs/Web/API/window.setInterval
6 Comments
Andrew Magee
Yeah, this is true. I'll replace with a better one.
Muhammad Umer
W3schools may not be the most accurate but it's easier on mind and eyes. Beside who is just discovering about setinterval would greatly benefit from not seeing c code, getting to try it in browser, and get a organize reference.
Andrew Magee
Ok fine I have both now :P
Joe Buckle
So just because something is not accurate but easy to read makes it a good resource? That's like walking into a classroom expecting to be taught physics but learning how to bake bread and being satisfied with the outcome
Ry-
@MuhammadUmer: As you said, it’s misleading, and I’d say that “almost right” is a terrible stepping stone. Time to find the Meta question!
|
You can use window.setInterval
Sample usage:
window.setInterval(function () { console.log("foo"); }, 3000); 
Comments
It Changes the date time in a div and time changes frequently after 1 sec.
setInterval(function(){ var date=new Date(); $('.class').html(date); },1000); 