众所周知,网络中的常见动画是事件驱动的。我们可以通过活动轻松播放动画。
但我想知道有没有办法用javascript创建类似视频的动画?
我想要的是当我打开一个页面时,浏览器会预加载所有材料(图像和音乐)。之后,动画会自动播放。
我只能通过使用css3过渡动画和javascript来想出一种效率低下的方法。
定义css3过渡动画。
.test1 {
-webkit-transition: all 0.1s ease-in;
}
.test2 {
-webkit-transition: all 0.3s ease-in;
}
.test3 {
-webkit-transition: all 0.5s ease-in;
}
使用setTimeout
功能
var ele1 = document.getElementById('t1');
var ele2 = document.getElementById('t2');
var ele3 = document.getElementById('t3');
setTimeout(function () {
ele1.className += 'test1';
}, 1000);
setTimeout(function () {
ele2.className += 'test2';
}, 3000);
setTimeout(function () {
ele3.className += 'test3';
}, 5000);
是否有任何第三方工具可以做到?