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

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -