@@ -5,11 +5,14 @@ </head> <body> <h1>Observe the Firebug Console</h1> - <a href="#" id="remove_from_dom">Remove from DOM (stops the intervals)</a><br /> - <a href="#" id="toggle_visibility">Toggle visibility (pauses/resumes the intervals)</a><br /> - <a href="#" id="pause_resume">Pause/Resume</a><br /> + + <a href="#" id="pause">Pause</a> / + <a href="#" id="resume">Resume</a><br /> <a href="#" id="stop">Stop</a><br /> - <a href="#" id="start_another">Start another on top of exisiting one</a><br /> + <a href="#" id="start_another">Start another</a><br /> + <a href="#" id="toggle_visibility">Toggle visibility (pauses/resumes the intervals)</a><br /> + <a href="#" id="remove_from_dom">Remove widget from DOM (stops the intervals)</a><br /> + <script type="text/javascript"> $("#remove_from_dom").click(function(){ $("#tagsoup1").empty() @@ -21,10 +24,12 @@ return false }); - $("#pause_resume").toggle(function(){ + $("#pause").click(function(){ $("#widget").data("foo").should_pause = true return false - }, function() { + }); + + $("#resume").click(function(){ $("#widget").data("foo").should_pause = false return false }); @@ -36,23 +41,22 @@ $("#start_another").click(function(){ $("#widget").at_intervals(function(){ - console.log("Another one...") + console.log("Doing some other work now...") }, { name: "foo", delay: 500 }) return false }) </script> - <div id="tagsoup1"> <div id="tagsoup2"> - <div id="widget"> - <p>Widget with setIntervals. Self-contained piece of code and looks.</p> + <div id="widget" style="border: 1px dotted gray; margin: 2em; padding: 1em; height: 150px"> + <p>A widget. Self-contained piece of code and looks.</p> <div id="logic" style="background-color: red; width: 66px; height: 66px"></div> <script type="text/javascript"> $("#widget").at_intervals(function(){ - console.log("working...") + console.log("Working...") $("#logic").toggle(200) }, { name: "foo" }); </script> example.html @@ -12,23 +12,23 @@ var helper = { should_stop: function() { // used to completely remove the interval - return this.removed_from_dom() || this.user_wants_to_stop() + return !this.element_in_dom() || this.user_wants_to_stop() }, should_work: function() { // used to pause/resume the interval - return this.is_visible() && !this.user_wants_to_pause() - }, - removed_from_dom: function() { - return e.parents("html").length == 0 + return this.element_visible() && !this.user_wants_to_pause() }, user_wants_to_stop: function() { return e.data(name).should_stop == true }, - is_visible: function() { - return e.parents("*").andSelf().not(":visible").length == 0 - }, user_wants_to_pause: function() { return e.data(name).should_pause == true }, + element_in_dom: function() { + return e.parents("html").length > 0 + }, + element_visible: function() { + return e.parents("*").andSelf().not(":visible").length == 0 + }, stop: function(interval_id) { clearInterval(interval_id) e.removeData(name) jquery.at_intervals.js 25dae3aea3f5e7483ee94d3d40f949815eeae5da Jacek Becela jacek.becela@gmail.com http://github.com/ncr/at_intervals/commit/78c05b821e0ff5010fdc52c8fafb7677c433b051 78c05b821e0ff5010fdc52c8fafb7677c433b051

2009-01-03T05:50:03-08:00

Updated examples and refactored private functions 299d112f3f6d5f8568041216f0e72f153af46117 Jacek Becela jacek.becela@gmail.com