0

我有一个计数器设置为 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>

谢谢

4

1 回答 1

2

这将是一个很好的方法。它易于阅读，并希望有意义。

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--;
};
于 2013-06-24T15:55:16.927 回答