+ 2
How can I create a moving animation element using JavaScript
2 odpowiedzi
+ 1
This code is from sololearn
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
#container {
width: 200px;
height: 200px;
background: green;
position: relative;
}
#box {
width: 50px;
height: 50px;
background: red;
position: absolute;
}
</style>
<script >
window.onload = function() {
var pos = 0;
//our box element
var box = document.getElementById('box');
var t = setInterval(move, 10);
function move() {
if(pos >= 150) {
clearInterval(t);
}
else {
pos += 1;
box.style.left = pos+'px';
}
}
};
</script>
</head>
<body>
<div id="container">
<div id="box"> </div>
</div>
</body>
</html>
This will create a moving animation.
Or just visit 👇👇👇👇
https://www.sololearn.com/learn/JavaScript/2756/
Hope this will help
+ 1
CSS animations might help here too.
Często masz takie pytania?
Ucz się bardziej efektywnie, za darmo:
Popularne dzisiaj
Pig Latin
0 Votes
Please rate my code from 1 to 10
2 Votes
Square Roots
0 Votes
What's wrong with this?
1 Votes
Uuu
2 Votes
How to start
0 Votes
Recursion doubt
2 Votes