loop javascript function?

Question

Can anyone please tell me how i can add an infinite loop or a constant repeat on this piece of JavaScript I have?

<script>
$(".modcontentnewestmore").hide();
$('.morebutton').click(function () {
    if ($('.modcontentnewestmore').is(":hidden")) {
         $(".modcontentnewest").fadeTo(500, 0);
         $('.modcontentnewestmore').fadeTo(0, 500);

    } else {

        $('.modcontentnewestmore').fadeTo(500, 0);
              $('.modcontentnewest').fadeTo(0, 500);

    }
  });

</script>

Just make a for loop with `true` as the condition, although I'm not sure why you need this. — Asad Saeeduddin, Nov 06 '12 at 18:53
your question is very vague. what exactly are you trying to do? — jbabey, Nov 06 '12 at 18:54
What have you tried? What documentation did you read? Any research _at all_? — Lightness Races in Orbit, Nov 06 '12 at 18:54
@Asad: Try it and find out. These are jQuery effects, and they take time to complete. You can't just shove a loop around them and expect the effects to queue properly; the results will be either quite bizarre or not visible. Plus, you'll have locked the script into a synchronous block and nothing else will be able to run... including, possibly, the entire rest of the browser GUI. — Lightness Races in Orbit, Nov 06 '12 at 18:59
@LightnessRacesinOrbit That information is not present in the question, and you are extrapolating here. I was assuming he wanted to keep adding click handlers in an infinite loop, which is why I was puzzled. — Asad Saeeduddin, Nov 06 '12 at 19:02
@Asad: Huh? That _code_ is present in the question! Right there! Read it! Why on earth would anyone want to add click handlers in an infinite loop, when presented with the alternative that is the OP wants the effects to run infinitey? — Lightness Races in Orbit, Nov 06 '12 at 19:07
Just asking a question on how to create an infinite loop seems strange, as most developers seem to figure out how to do that all on their own. — adeneo, Nov 06 '12 at 19:16
Possible duplicate: http://stackoverflow.com/questions/9319573/how-to-repeat-loop-jquery-fadein-fadeout-fadein — Ivy, Nov 06 '12 at 19:21

score 1 · Answer 1 · edited Nov 07 '12 at 04:51

1

I think what you should use here is setInterval. Otherwise your loop will block any other javascript you'd want to run.

JavaScript Timing Events

edited Nov 07 '12 at 04:51

Sumit Singh

15,743
6
59
89

answered Nov 06 '12 at 18:54

Ivy

887
1
7
25

I think you should use jQuery's event and actions stack as designed. – Lightness Races in Orbit Nov 06 '12 at 18:56
Well that's all fine, but I don't know how much good it does to point out that the info is inaccurate if you don't say what's wrong with it. I'd really appreciate an explanation. If you are saying to use the fadeTo method's callback parameter, it might be helpful to say so. – Ivy Nov 06 '12 at 19:04

score 1 · Answer 2 · edited Nov 07 '12 at 04:53

<script>
  function doSomething{
  $(".modcontentnewestmore").hide();
  $('.morebutton').click(function () {
      if ($('.modcontentnewestmore').is(":hidden")) {
           $(".modcontentnewest").fadeTo(500, 0);
           $('.modcontentnewestmore').fadeTo(0, 500);

      } else {

          $('.modcontentnewestmore').fadeTo(500, 0);
                $('.modcontentnewest').fadeTo(0, 500);

      }
    });
  }
  setInterval(doSomething, 30); //it will loop the function doSomething every 30 ms
</script>

score 0 · Answer 3 · answered Nov 06 '12 at 18:55

0

If you want to keep replaying some JavaScript, rather than looping use an interval or timer.

var interval = window.setInterval(function() {
    console.log('hi');
}, 1000);

answered Nov 06 '12 at 18:55

Fenton

241,084
71
387
401

score 0 · Answer 4 · edited Nov 07 '12 at 04:52

0

Infinite loop? just use following code.

while(true) {
   //do something here
}

edited Nov 07 '12 at 04:52

Sumit Singh

15,743
6
59
89

answered Nov 06 '12 at 19:09

devsathish

2,339
2
20
16

loop javascript function?

4 Answers4