Question

首先 - 我甚至不确定语法是否正确，但我想要做的是，我有一个显示动画图像序列的div，它使用变量选择位置。

我最终将使用JSON来提供正在更改的值，但是现在我只是想了解如何使用JQuery来更改变量。这是代码：

<div id="noiseAnimDiv" style="float: center; background-color: #ffffff; ">
<script type="text/javascript" src="./animatedpng.js">
 </script>
<script type="text/javascript">
var stoptheClock = 3;
    noiseAnim = new AnimatedPNG('noise', './noise/noise0.png', 8, 50);
    noiseAnim.draw(false);
    noiseAnim.setFrameDelay(stoptheClock, 1000); //spin yet stay on value 3
 </script>
</div>

<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(
function() {
    $("#stoptheClock").val(6); //
 }
);
</script>

任何帮助非常感谢

代码是实时btw，所以你至少可以看到动画seq http://ashleyjamesbrown.com/fgbp/noise.htm

Answer 1

您使用的AnimatedPNG库仅在初始化时检查变量的值一次。在您的代码中，您在初始化后更改该值。

$(document).ready(
function() {
    $("#stoptheClock").val(6); //
}
);

应该是

function() {
    stoptheClock = 6; 
    noiseAnim.draw(false);
    noiseAnim.setFrameDelay(stoptheClock,1000);
}

你是不使用JQuery代码中的任何有用原因，因此我删除了所有Jquery部分。

使用JQuery更改DIV中的javascript变量

1 个答案: