Window object methods (timer related)
Download as PPTX, PDF0 likes579 views
What are windows object? Are global variable some way part of window object? What are window timer methods? What is the difference in setTimeOut and SetInterval? Which is better? Things which we all should know before using `setTimeout` and `setInterval`. If you have all these question then you are at right place :) #kiprosh
![WindowTimers Methods
setTimeout() - Call a function or a code snippet after
specified delay
http://codepen.io/shivanibhanwal/pen/xGPEYr?editors=101
window.setTimeout(func, [delay, param1, param2, ...]);
window.setTimeout(code, [delay,]);
func: is function and it will be execute after specified delay
delay: is number of milliseconds that function call be
delayed
param1, param2: params pass to the func](https://image.slidesharecdn.com/windowobjectmethodstimerrelated-150630154351-lva1-app6892/85/Window-object-methods-timer-related-7-320.jpg)
![WindowTimers Methods
setInterval() - Call a function or a code snippet
repeatedly with a fix time delay, between the each call of
that function/code.
http://codepen.io/shivanibhanwal/pen/xGPEYr?editors=101
window.setInterval(fn, delay[, param1, param2, ...]);
window.setInterval(code, delay);
fn: Function to execute on an interval
delay: time for which function should wait before each call to fn
params: fn Function parameters](https://image.slidesharecdn.com/windowobjectmethodstimerrelated-150630154351-lva1-app6892/85/Window-object-methods-timer-related-8-320.jpg)
More Related Content
What's hot (20)
Similar to Window object methods (timer related) (20)
![[FEConf Korea 2017]Angular ?????????? ???????](https://cdn.slidesharecdn.com/ss_thumbnails/angular-171022050314-thumbnail.jpg?width=560&fit=bounds)
Recently uploaded (20)
Window object methods (timer related)
- 1. Window Object Methods (Timer Related) Kiprosh by Shivani
- 2. Window Object Window object is nothing but an object of open window in the browser Window object
- 3. Window Object All GLOBAL javascript Variable, Function and Object will automatically will become member of window Object. - JS global Variables are Properties of Window Object - JS global functions are Methods of Window Object http://codepen.io/shivanibhanwal/pen/GJOqbQ?editors=101
- 5. Global Variable, Function & Object Variable: var foovar = Happy; foovar ? window.foovar Function:document.getElementById(header) ? window.document.getElementById(header) Object: var car = {type:"Ritz", model:007, color:"white", summary : function() { return this.color + color + this.type + " model# " + this.model; }}; car.summary() ? window.car.summary()
- 6. Window properties & methods Window object have basic 28+ properties e.g document, innerHeight, innerwidth, name, parent etc 22+ methods e.g. alert(), close(), blur(), confirm() etc
- 7. WindowTimers Methods setTimeout() - Call a function or a code snippet after specified delay http://codepen.io/shivanibhanwal/pen/xGPEYr?editors=101 window.setTimeout(func, [delay, param1, param2, ...]); window.setTimeout(code, [delay,]); func: is function and it will be execute after specified delay delay: is number of milliseconds that function call be delayed param1, param2: params pass to the func
- 8. WindowTimers Methods setInterval() - Call a function or a code snippet repeatedly with a fix time delay, between the each call of that function/code. http://codepen.io/shivanibhanwal/pen/xGPEYr?editors=101 window.setInterval(fn, delay[, param1, param2, ...]); window.setInterval(code, delay); fn: Function to execute on an interval delay: time for which function should wait before each call to fn params: fn Function parameters
- 9. WindowTimers Methods clearTimeout(timeoutID) - Will prevent the function defined in setTimeout() from running timeoutID is the ID of the timeout you wish to clear, as returned by window.setTimeout().
- 10. WindowTimers Methods clearInterval(intervalID) To cancel repeated action which was setup using setInterval() function setInterval() returns intervalID so we need to assign to variable so that we can cancel the running repeated function execution. http://codepen.io/shivanibhanwal/pen/xGPEYr?editors=101
- 12. Things to remember For setInterval and setTimeout use global variables to save return id (intervalId or timerid). So that you can cancel the execution Pass parameters to the fn function of setTimeout/setInterval does not work in IE9 and earlier However, if we use an anonymous function, it will work in all browsers e.g. function mycolor() { timerId = setTimeout( function(){ setcolor("red"); }, 2000); }
- 13. Things to remember Multiple concurrent timers can cause performance issue make sure that you stop/clear other timers while starting new one. Interval can not be 100% accurate and possibility of drop requests Everything is Javascript is running on single thread If there are delays then setInterval can execute side by side without delay (Nested) setTimeout will not execute immediately, it will wait for the earlier execution to finish
- 14. Things to remember As setInterval does not care whether earlier execution has finished or not so it can be dangerous in some cases. If you function throw an error then setInterval will cause Stack Overflow issue. Because even on exception it will continue with execution. So instead of setInterval you can use setTimeout
- 16. Questions??
- 17. Thank You!