当变量变得足够高时出现图像答案

【问题标题】：Images appear when variable gets high enough当变量变得足够高时出现图像
【发布时间】：2013-11-24 23:16:27
【问题描述】：

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

allCount（需要超过 1000 才能显示新图片）

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

【问题讨论】：

很好，但是您遇到了什么问题？
漂亮的 cookie 点击器：P
我只是不知道该怎么做。我研究了一下，没找到。
那么，Cookie Clicker 的动物游戏的衍生产品？我想它比原来的更有意义:)

标签： javascript html increment

【解决方案1】：

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

可以合理地假设您必须每秒至少重新计算一次score 变量的值。所以每次取到score的值，都用if语句做一些基本的比较：

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

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

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

然后：

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

希望这会有所帮助。

更新：

根据您的 cmets，您在显示图片时似乎遇到了一些问题。试试这样的：

HTML：

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

JavaScript：

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

所以图片默认是不可见的，但是一旦你得到大于或等于 1000 的分数，图片是可见的。

【讨论】：

if(score >= 1000){ i788.photobucket.com/albums/yy168/Boone_Losche/…" alt="level1"/> }
查看更新后的帖子。而且你需要更好的编程知识基础，不能像这样混合 HTML 和 JavaScript。