gpt4 book ai didi

Javascript setInterval 不必要的暂停

转载 作者:行者123 更新时间:2023-11-28 08:21:33 26 4
gpt4 key购买 nike

我正在尝试用 javascript 创建一个带有一些图像的动画,并且代码可以正常工作,但是在它反向运行图像之后,它会稍微暂停一下,然后再开始前进。我想知道如何摆脱暂停?

这是正在运行的代码 http://isogashii.com/projects/javascript/ch10/dp10-6.html

HTML

<img id="pin" src="assets/pin0.gif" alt="pin animation" />

Javascript

var pin = new Array(9);
var curPin = 0;
var x = false;

// caching images
for (var imagesLoaded=0; imagesLoaded < 9; ++imagesLoaded) {
pin[imagesLoaded] = new Image();
pin[imagesLoaded].src = "assets/pin" + imagesLoaded + ".gif";

//starts pinF function when all images are cached
if (imagesLoaded == 8) {
setInterval("pinF()", 120);
}
}

function pinF() {

if (x == true) {
--curPin;
if (curPin == 0) {
x = false;
}
}
if (x == false) {
++curPin;
if (curPin == 8) {
x = true;
}
}

document.getElementById("pin").src = pin[curPin].src;
}

最佳答案

在 if 语句的 x == true 部分,您应该将 curPin 设置为 1,否则您将复制 curPin = 1。

http://jsfiddle.net/A77cx/

function pinF() {

if (x == true) {
--curPin;
if (curPin == 0) {
curPin = 1;
x = false;
}
}
if (x == false) {
++curPin;
if (curPin == 8) {
x = true;
}
}

document.getElementById("pin").src = pin[curPin].src;
}

关于Javascript setInterval 不必要的暂停,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22898350/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com