Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Sep 2004
    Posts
    96
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Problem with looping using JQuery

    Hi,

    I'm a bit of a jquery newbie but I'm having a problem with something. I have some effects being run on html tags which fade them in, delay, fade out, typewriter text, etc. What I'm trying to do is once the last effect is finished for everything to fade out for a couple of seconds, fade back in again and begin over again, having it keep looping. Any ideas would be much appreciated...

    Code:
    $(document).ready(function(){
    
          $('.flashline1 span').fadeIn(400).delay(500).fadeOut(400).delay(500).fadeIn(400).delay(500).fadeOut(400).delay(500).fadeIn(400);
          $('.flashline2 span').delay(3700).fadeIn(1);
          setTimeout( "$('.flashline2 span').jTypeWriter({duration:0.7,loop:true,loopDelay:5,type:'word'});", 3700);
          $('.flashline3 span').delay(5000).fadeIn(400);
          $('.flashline4 span').delay(5700).fadeIn(1);
          setTimeout( "$('.flashline4 span').jTypeWriter({duration:0.7,loop:true,loopDelay:5});", 5700);
    
          })

  • #2
    UE Antagonizer Fumigator's Avatar
    Join Date
    Dec 2005
    Location
    Utah, USA, Northwestern hemisphere, Earth, Solar System, Milky Way Galaxy, Alpha Quadrant
    Posts
    7,691
    Thanks
    42
    Thanked 637 Times in 625 Posts
    I really like this plugin, called Timers:

    http://plugins.jquery.com/project/timers


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •