Home/ Questions/Q 7159095
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T13:10:25+00:00

My problem: I have an JSON Array containing arrays, which i render into the

  • 0

My problem: I have an JSON Array containing arrays, which i render into the body tag – so that it looks like this:

<body data-flashes="[["message","Welcome"],["error","This is working!"],["",""]]">

i want to do the following:

  1. go each element in the outer array
  2. the first element in the inner array will become the classname of a span
  3. the second element in the inner array will become the text in a span
  4. animate the span
  5. wait 10 seconds
  6. start over again

( its always the same span)
my try:

window.pause = ( ms ) -> (
    date = new Date()
    currentDate = null

    loop
        currentDate = new Date()
        break unless currentDate-date < ms
)
window.showFlashes = () -> (
    $.each( window.$('body').data('flashes'), () -> (
            window.$('#flash_container').attr( 'class', this[0] )
            window.$('#flash_container').text( this[1] )
            window.$('#flash_container').effect( 'pulsate' )

            alert this

            pause( 10000 )
        )
    )
)

this is coffeescript which rails renders into following javascript-file:

(function() {

  window.pause = function(ms) {
    var currentDate, date, _results;
    date = new Date();
    currentDate = null;
    _results = [];
    while (true) {
      currentDate = new Date();
      if (!(currentDate - date < ms)) {
        break;
      } else {
        _results.push(void 0);
      }
    }
    return _results;
  };

  window.showFlashes = function() {
    return $.each(window.$('body').data('flashes'), function() {
      window.$('#flash_container').attr('class', this[0]);
      window.$('#flash_container').text(this[1]);
      window.$('#flash_container').effect('pulsate');
      alert(this);
      return pause(10000);
    });
  };

  window.exit_after = function(ms) {
    var _results;
    setTimeout("return 0", ms);
    _results = [];
    while (true) {
      _results.push(ms = 1);
    }
    return _results;
  };

}).call(this);

now the “real” problem: as long as i have the alert this in the code it works fine (besides that the animation is not working). but when i remove it, the code stops working.

and my second problem is: is there a way to get around the pause function? i would rather like to use setTimeout(), but i dont know how to…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    setTimeout() is the solution to all of this.

    It takes two arguments, the first being a string to be executed and the second to be the delay in milliseconds from now.

    To ease this, I would wrap your block of code in a function and then call this function using setTimeout(). For instance:

    function do_stuff()
{
...
}

setTimeout("do_stuff()",10000);

    Would mean that do_stuff() is going to be called in 10seconds time.

    I hope that helps.

    • 0