使用javascript点击次数后更改图像答案

【问题标题】：Change image after number of clicks using javascript使用javascript点击次数后更改图像
【发布时间】：2013-06-24 15:45:47
【问题描述】：

我有一个计数器设置为 100，我希望通过单击 default.jpg 图像倒计时开始计算鼠标点击次数。现在它只能通过单击而不是图像上的 href 来工作。我还希望当计数器达到 50/25 时单击图像更改为另一个。为了更好地理解，我需要制作一个简单的蛋“tamago”游戏，我没有 js 技能。

这是我所做的：

<html>
<head>
<script type="text/javascript">
var clicks = 100;
function linkClick(){
    document.getElementById('clicked').value = --clicks;
}

document.write('<a href="#" onclick="linkClick()">Click Me!</a>');
</script>


<script type ="text/javascript">
function changeimage()
{
if (clicks==100)
{
document.getElementById('myimage').src="defaul.jpg";
}
if (clicks==50)
{
document.getElementById('myimage').src="crack1.jpg";
}
if (clicks==25)
{
document.getElementById('myimage').src="crack2.jpg";
}

</script>
<img src="1.jpg" id="myimage" alt="" onmousedown="changeimage()">
clicks:<input id="clicked" size="3" onfocus="this.blur();" value="10" > times.
</body>
</html>

谢谢

【问题讨论】：

你的 changeimage 函数实际上并没有减少任何地方的计数..
在changeimage()开头调用linkClick()。

标签： javascript onclick counter countdown

【解决方案1】：

这将是一个不错的方法。它很容易阅读，并且很有道理。

var count = 100;
var image = document.getElementById('myimage');
var images = ['default.jpg', 'crack1.jpg', 'crack2.jpg'];
image.src = images[0];

image.onclick = function(e)
{
    if(count > 50)
        image.src = images[0];
    else if (count > 25)
        image.src = images[1];
    else if (count > 0)
        image.src = images[2];
    else
    {
        //do something here to indicate the end
    }

    count--;
};

【讨论】：

我想 - 我只是想获得最少的代码.. 嗯。我将对其进行编辑并使其更清晰。