js setAttribute with Array

Question

我遇到setAttribute的问题。我将Array设置为旋转值，但它不起作用。 gradRoll的提醒是number。但gradRoll的类型为undefined。为什么？有谁能够帮我？提前谢谢。

AFRAME.registerComponent('clockhand_roll',{
    schema:{
      type:'string', default: "secondClockhand"
    },

    init:function(){
      var data = this.data;
      var el=this.el;

      var oTime= new Date();
      var curTime;

      var clockhandPositonArray;

      if(data == "secondClockhand" ){
        curTime = oTime.getSeconds();
      }else if(data == "minuteClockhand"){
        curTime = oTime.getMinutes();
      }else if(data == "hourClockhand"){
        curTime = oTome.getHours;
      }else {
        alert("invalid input!");
      }

      //alert(curTime);  
      //clockhandPositonArray=getClockhandPosition(curTime, data);
      //alert(el.getAttribute("rotation"));

      //el.setAttribute("rotation", 'clockhandPositonArray');

      setClockhandPosition(el, curTime, data);

    }
  });

  function setClockhandPosition(el, curTime, typeOfClockhand){
    var gradForOneUnit;
    var gradRoll;
    var rotationArray;

    if(typeOfClockhand == "secondClockhand" || typeOfClockhand == "minuteClockhand"){
      gradForOneUnit=360/60;
    }else if(typeOfClockhand == "hourClockhand"){
      gradForOneUnit=360/12;
    }

    gardRoll=curTime*gradForOneUnit;

    //alert(gardRoll); //number: 354!!!!!!!!!!!!!!!!!!!! why??????
    //alert(typeof(gradRoll)); //undefined!!!!!!!!!!!!!  why??????

    rotationArray=[curTime*gradForOneUnit, 0, 0];

    //alert(typeof(rotationArray));//object
    //alert(typeof(el.getAttribute("rotation"))); //object

    //alert(rotationArray); //number: 162 , 0, 0

    el.setAttribute("rotation", rotationArray); //dosn't work.
  }

Answer 1

使用：

el.setAttribute("transform", "rotate3d,x,y,z,angle)");

或合并rotateX，rotateY，rotateZ。

Answer 2

gradRoll未定义，因为变量名称是gardRoll，这是您在第一个警报中重复但在第二个警报中不重复的拼写错误。

看起来你只想编辑旋转的X值，所以试试这个：

el.setAttribute("rotation", gardRoll + ' 0 ' + '0');

请注意，我使用了包含拼写错误的变量。

我知道这有点脏，但是当我遇到与位置组件类似的问题时，它对我有用。

Answer 3

很多人建议：
el.setAttribute("rotation", 'x'+'y' + 'z'); 方法，据我所知，省略解析（'x y z' to {x,y,z}）并使用中的对象更有效率第一名：
el.setAttribute("rotation", {x:gradRoll,y:0,z:0});