Javascript動畫圖片旋轉

Question

我嘗試使用兩個簡單的函數來創建擺動動作。 我對javascript相當陌生，需要一點指導才能實現我的目標。

第一個功能是：

function up() {
imgObj.style.left = parseInt(imgObj.style.transform = 'rotate(45deg)');

//這會創建我想要的向上擺動運動。

function down()` {

`imgObj.style.left = parseInt（imgObj.style.transform ='rotate（27deg）'）; //這將創建返回到我想要的原始狀態的返回。

我可以讓這兩個函數單獨執行，但是我需要能夠以如下方式調用這兩個函數：

up(); 
 down()//after .5sec
 up()//.5sec after down() call
and down()// .5sec after previous up() call

。

我一直在使用setTimeout（function，timedelay）無濟於事。 任何幫助將不勝感激。

Answer 1

在onLoad創建計時器：

<body onLoad="setTimeout(changeDirection(),500)">

在<script>的開頭添加

var direction = 0;

然后創建changeDirection() ：

function changeDirection(){
if(direction==0)
  {up();direction=1;}
  else
  {down();direction=0;}
}