Question

所以在我的游戏中我想要一种升级方式。（html和java脚本游戏）所以当你在allCount中获得1000时，会出现一张图片。出现动物图片。然后当你在allCount中达到100000时，会出现一个新图像。有点像捣蛋，但是图片。就像你需要收集所有的动物图片。我的游戏动物点击器：http://jsfiddle.net/blosche/T4zL3/14/

allCount（需要得到1000以显示新图片的东西）

var score = document.getElementById('allCount');
score.innerHTML = "Animals: " + allCount;

Answer 1

使用if语句应该很容易做到。

可以合理地假设您必须至少每秒重新计算score变量的值。因此，每次检索score值时，请使用if语句进行基本比较：

if(score >= 1000) {
    //show a picture
}

如果您希望图片仅显示一次（例如，用户第一次打破1000分），那么您可以在BOOL方法中设置<body onLoad="">值，如下所示：

<body onLoad="setBools">
<script type="text/javascript">
function setBools() {
    var hit1000 = FALSE;
}
</script>

然后：

if(score >= 1000 && !hit1000) {
hit1000 = TRUE;
//show a picture
}

希望这有帮助。

更新：

根据您的评论，您似乎无法显示图片。尝试这样的事情：

HTML：

<img id="image" src="myimage.png" style="visibility:hidden" />

JavaScript：

if(score >= 1000) {
    document.getElementById("image").style.visibility = "visible";
}

因此默认情况下图像不可见，但一旦得到大于或等于1000的分数，图像就可见。

变量变得足够高时出现图像

1 个答案: