How to interrupt a queue?

Dev Shed Forums Sponsor:

December 25th, 2012, 08:32 PM

richpri

Contributing User

Join Date: Dec 2012

Location: Chicago

Posts: 49

Time spent in forums: 17 h 27 m 23 sec
Reputation Power: 1

jQuery - How to interrupt a queue?

I have a situation where a web application has to display a message
for 30 seconds. I could use something like this:

Code:

$('#lognote').text(startMessage).delay(30000).text("");

But the application may have to display another message before the
30 seconds has elapsed. How can I interrupt the queue to cause the
new message to display before the 30 seconds has elapsed?

December 25th, 2012, 10:21 PM

web_loone08

Contributing User

Join Date: Aug 2008

Posts: 599

Time spent in forums: 1 Week 1 Day 12 h 40 m
Reputation Power: 69

You could do something like this, because the delay() does not seem to work, as you desire it to; when tested:

Code:

<script src="http://code.jquery.com/jquery-latest.js"></script>

<div id="lognote"></div>

<script>
var startMessage="Hello";
var interuptMessage="Goodbye =(";
$('#lognote').text(startMessage);
setTimeout(function() {
$('#lognote').text(interuptMessage);
},"5000");
setTimeout(function() {
$('#lognote').text(startMessage+" Again!");
},"15000");
</script>

Comments on this post

richpri agrees: Thanks a lot!

December 26th, 2012, 11:24 AM

richpri

Contributing User

Join Date: Dec 2012

Location: Chicago

Posts: 49

Time spent in forums: 17 h 27 m 23 sec
Reputation Power: 1

Thank you web_loone08 for showing me the setTimeout() function. I was able to use it [along with the clearTimeout() function] to create a function that does exactly what I wanted. This is the tested version of this function.

javascript Code:

Original - javascript Code

var BD18 = {};
BD18.noteTimeout = null;
 
/* Function doLogNote displays a lognote for 30 seconds.
 * A new lognote will replace any previous log note 
 * that has not yet timed out. BD18.noteTimeout is a
 * global variable with an initial value of null.
 */
function doLogNote(note) {
  if(BD18.noteTimeout != null) {
    clearTimeout(BD18.noteTimeout);
  }
  $('#lognote').text(note);
  BD18.noteTimeout = setTimeout(function() {
    $('#lognote').text("");
    BD18.noteTimeout = null;
  },"20000");
}

jQuery - How to interrupt a queue?

Developer Shed Advertisers and Affiliates