1 2 3 4 5 6 7 | // creates a thread with ID of threadID, // which will call myCallBack() // every 1 second (1000 ms = 1 sec) var threadID = setInterval('myCallBack', 1000); // will stop the thread from calling myCallBack() clearInterval(threadID); |
1 2 3 4 5 6 7 8 9 10 11 12 | $(document).ready(function() { // store the ID as a global variable var threadID; // creates a thread with ID of threadID, which will call myCallBack() // every 1 second (1000 ms = 1 sec) threadID = setInterval('myCallBack', 1000); // will stop the thread from calling myCallBack() $("#hypotheticalStopButton").click(function(){ clearInterval(threadID); }); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | // attach an event to the start button, // kicking off the thread $("#start").click(function(){ // using the Timer plug-in, we attach a thread to a page element // we call the "everyTime" function, which is analagous to the // setInterval function. // This function takes several arguments: // - the timeout interval // - the name of the thread, notice how we can choose the name here // and not have to worry about storing the value anywhere // - the function to call each interval, notice how we can define // the inline function here, without creating an extra function // elsewhere, simplifying development of the thread. // - (optional) how many times to run it before stoppping, so if // you put a 10 there, it would run it 10 times and then stop // - (optional) a true/false of whether to start the next interval // if the previous one isn't completed yet $("#timerSample").everyTime(500, 'growSquareThread', function(){ var t = $(this); t.height(t.height()+5); t.width(t.width()+5); }); }); // attach an event to the stop button. Notice how we can simply // call a stop with the name of the thread, without worrying // about the threadID $("#stop").click(function(){ $("#timerSample").stopTime("growSquareThread"); }); |
欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/) | Powered by Discuz! 7.0.0 |