13. How could you implement moveLeft animation in javascript? Write a fun
Your answer
Answers
How could you implement move Left animation in javascript?
Answer:-
See, basically using basic elements you can implement move Left animation in javascript.
There is no proper definition for it.
Let's, see an example of animation code, which can be used in animation, in Java.
➜Example:-
var id = setInterval(frame, 5);
function frame() {
if (/* test for finished */) {
clearInterval(id);
} else {
/* code to change the element style */
}
}
➜Example:-
function myMove() {
var elem = document.getElementById("animate");
var pos = 0;
var id = setInterval(frame, 5);
function frame() {
if (pos == 350) {
clearInterval(id);
} else {
pos++;
elem.style.top = pos + 'px';
elem.style.left = pos + 'px';
}
}
}
Let's learn some about Animation Code in java:-
JavaScript animations are done by programming gradual changes in an element's style.
The changes are called by a timer. When the timer interval is small, the animation looks continuous.
Let's learn some about Style Elements in java:-
The container element should be created with style = "position: relative".
The animation element should be created with style = "position: absolute".
➜Example:-
#container {
width: 400px;
height: 400px;
position: relative;
background: yellow;
}
#animate {
width: 50px;
height: 50px;
position: absolute;
background: red;
}
___________________
@Sayandeep Ghosh
Explanation:
I hope it may help to you..
