Question

我正在尝试制作动画演示。

在HTML标记中，这是我的脚本；

<script>
    /* Set your slide animation */
    var $setAnimation = 'slideInLeft';

    /* Set carousel slide delays (7.5s is default) */
    var $carouselDelay = 7500;
</script>

通过在$ setAnimation中设置新的变量名，我可以更改为幻灯片动画。但是，我正在尝试创建一个迷你面板。因此，当用户单击动画名称时，它将覆盖$ setAnimation，并将动态应用新的动画效果。

这是我的代码，但是不起作用。

<a id="animGlitch">Change to Glitch</a>

还有JS

var x = document.getElementById("animGlitch");
x.addEventListener("click", changeAnim);

function changeAnim()
{
    var setAnimation = 'glitch';
}

感谢您的帮助。

Answer 1

您应在js代码段中本地设置setAnimation，以更改全局变量。

var x = document.getElementById("animGlitch");
x.addEventListener("click", changeAnim);

function changeAnim()
{
    $setAnimation = 'glitch';
}

我现在也看到@romellem在评论中也提到了这一点。

通过单击HTML中的链接来覆盖JS变量

1 个答案: