我在游戏结束时制作动画。我从各种谷歌拼凑了这段代码。
function showSpider(){
for (var i=0;i<30;i++)
{
var theInterval=setInterval(function() {
newX=newX+1;
if (newX>100){
newX=100;
clearInterval(theInterval);
document.getElementById('speak').style.visibility="visible";
}
document.getElementById('spideranim').style.webkitTransform = "translate3d (250px, "+newX+"px,0px)";
document.getElementById('spideranim').style.visibility="visible";
}, 100);
}
var temp=(Math.ceil((fliesShown/keysHit)*100));
document.getElementById("speak").value="You got "+temp+" percent.";
}
问题是它有效。我试图取出 for 语句,因为间隔不需要它。然后蜘蛛动画不显示。没有出现错误。
为什么我不能取出来?
我也试过用这个代码设置间隔:
function showSpider() {
theInterval=setInterval("wasteTime()",1000);
var temp=(Math.ceil((fliesShown/keysHit)*100));
document.getElementById("speak").value="You got "+temp+" percent accuracy.";
}
function wasteTime(){
newX=newX+1;
//alert("newX"+newX);
//alert(document.getElementById('spideranim').style.webkitTransform);
//alert(document.getElementById('spideranim').style.visiblity);
if (newX>100){
newX=100;
clearInterval(theInterval);
document.getElementById('speak').style.visibility="visible";
}
document.getElementById('spideranim').style.webkitTransform = "translate3d (250px, "+newX+"px,0px)";
document.getElementById('spideranim').style.visibility="visible";
}
这不起作用。为什么它不起作用?