Javascript 菜单图标在单击时旋转 90 度并在第二次单击时旋转 90 度

Question

我希望在用户第二次单击时将我的菜单图标旋转 90 度和 90 度。

我在 Javascript 中使用一个函数，想知道如何在用户第二次单击时让它再旋转 90 度。

function spin(){

    var spin1 = document.getElementById("spin");
        spin2 = document.getElementById("spin");

    spin1.style.transform = "rotate(90deg)";

}

Answer 1

你可以试试下面的功能

var click =false
function spin(){
        var spin1 = document.getElementById("spin");
        var spin2 = document.getElementById("spin");
    if(!click){
        spin1.style.transform = "rotate(90deg)";
        click=true;
       }else{
        click=false;
        spin1.style.transform = "rotate(180deg)";
       }
}