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

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

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

function spin(){

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

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

}

最佳答案

您可以尝试以下功能

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)";
       }
}

关于Javascript 菜单图标在单击时旋转 90 度并在第二次单击时旋转 90 度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29676769/