{"id":2134,"date":"2017-08-11T00:27:18","date_gmt":"2017-08-11T00:27:18","guid":{"rendered":"http:\/\/javascript-tutor.net\/?page_id=2134"},"modified":"2017-11-16T23:15:40","modified_gmt":"2017-11-16T23:15:40","slug":"creating-animation-javascript","status":"publish","type":"page","link":"https:\/\/javascript-tutor.net\/index.php\/creating-animation-javascript\/","title":{"rendered":"JavaScript Lesson 35: Creating Animation in JavaScript"},"content":{"rendered":"

<Previous Lesson><\/a>\u00a0[Table of Contents]<\/a>\u00a0<\/strong><\/h3>\n

In order to create animation using javascript, we need to use a kind of timer\u00a0so that an object changes\u00a0according to a certain time interval. In Javascript, we use the setInterval() method <\/strong>as a timer.<\/strong><\/p>\n

The setInterval() Method<\/h3>\n

The setInterval() method calls a function or runs an expression at specified intervals (in milliseconds).\u00a0The syntax is as follows:<\/p>\n

setInterval(myfunction, time interval).<\/em>)<\/p>\n

The setInterval method runs a function created by you at a certain time interval in milliseconds. \u00a0For example, \u00a0a time interval of 1000 equals to 1 second. To execute a function only once, after a specified number of milliseconds, we use the setTimeout() method.<\/p>\n

Example 1<\/h4>\n

<script>
\nfunction myFunction() {
\nsetInterval(function(){ alert(“Welcome to JavaScript Tutorial”); }, 1000);
\n}
\n<\/script>);<\/p>\n

Running this script produces a popup dialog that displays the message\u00a0“Welcome to JavaScript Tutorial” every two seconds.<\/p>\n