javascript - 页面刷新后，JS动画仅与alert()一起使用

有一个提交类型按钮可以触发一个Javascript函数，该代码具有以下代码：

function spin() {


        alert("spinning");
        document.getElementById("rouletteImage").removeAttribute('style');

    var deg = 180;

    var css = '-webkit-transform: rotate(' + deg + 'deg);';

    document.getElementById("rouletteImage").setAttribute(
        'style', css
    );
}

也是css中的这一行：

    img {
    -webkit-transition: -webkit-transform 4s ease-out;
}

现在，此代码可以完美运行，旋转的动画也很流畅，但是，由于某些原因，当我从函数中删除alert()时，图像仍会被deg旋转，但是没有任何说明，只是普通生成已经旋转了。

有人可以给我任何见解吗？

最佳答案

改成这个

<img src="" id="rouletteImage"  />

Javascript功能

function spin() {

 document.getElementById("rouletteImage").className ('someClass');

}

像这样更改css

img.someClass {
-webkit-transform: rotate(180deg);
}

让我知道如果没有工作

关于javascript - 页面刷新后，JS动画仅与alert()一起使用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49688108/