javascript - running a jquery task forever -
i new in jquery / java script; trying make slider. please following problem.
i want make div (class slider) fade-out , fade-in forever; please check code. possible use setinterval() function this?
<html> <head> <title>slider</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="../jquery/jquery.min.js"></script> <style> .slider1{ width: 500px; height: 250px; margin: 0 auto; background-image: url(images/rectblue.png); } </style> <script type="text/javascript"> var runforever = $(document).ready(function () { $(".slider1").fadeout(2000, function () { $(".slider1").fadein(2000); }); }); runforever(); //setinterval(runforever, 4000); //this runs function 'runforever' 1 time only, how run every 4 sec? //the above commented out code not work. </script> </head> <body> <div class="slider1"></div> </body>
you didn't define runforever
function, made result of call $(document).ready
. if define function , put in setinterval
, works.
var flashslider = function () { $(".slider1").fadeout(2000, function () { $(".slider1").fadein(2000); }); }; $(document).ready(function () { setinterval(flashslider, 4000); });
fiddle: http://jsfiddle.net/uoqdfhdb/
i think it's little more jquery-elegant write flash-forever recursively:
var flashforever = function () { $(".slider1").fadeout(2000).fadein(2000, flashforever); }; $(document).ready(function () { flashforever(); });
http://jsfiddle.net/uoqdfhdb/1/
except wonder if tail-recursion cause stack overflow.
Comments
Post a Comment