<!DOCTYPE html>
<html>
<body>
<img id="rotatedImg" οnclick="startRotate();" src="/i/tulip_peach_blossom_w_s.jpg" />
<script>
var timerID, n = 0;
function startRotate()
{
if(timerID){
clearInterval(timerID);
}
timerID = setInterval(rotateFlower, 10);
}
function rotateFlower()
{
n = n + 1;
var img = document.getElementById("rotatedImg");
img.style.webkitTransform = "rotate(" + n + "deg)";
if((n == 180) || (n == 360)){
if(timerID){
clearInterval(timerID);
}
if (n == 360) { n = 0;}
}
}
</script>
</body>
</html>
最后
以上就是瘦瘦白昼最近收集整理的关于WEB动画-图片2D旋转的全部内容，更多相关WEB动画-图片2D旋转内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复