你能用javascript计算动画中某一帧的点击量吗

Can you count clicks on a certain frame in an animation in javascript?

本文关键字：一帧 javascript 计算 动画      更新时间：2023-09-26

我想用javascript构建一个非常简单的打地鼠式游戏。现在我知道了除了得分之外的其他事情。我当前的动画代码如下

<script language="JavaScript"
type="text/javascript">
    var urls;
function animate(pos) {
  pos %= urls.length;
  document.images["animation"].src=urls[pos];
  window.setTimeout("animate(" + (pos + 1) + ");",  
  500);
}
window.onload = function() {
  urls = new Array(
    "Frame1.jpg","Frame2.jpg" 
);
  animate(0);
}
</script>

到目前为止，一切都很好，第一帧是洞，第二帧是土拨鼠/鼹鼠出洞。我需要计算第二帧的点击量，但我不知道如何加入计数器。帮助(很抱歉，如果代码没有正确显示，第一次使用此网站(

下面是一个统计闪烁动画点击次数的示例：http://jsfiddle.net/maniator/TQqJ8/

JS:

function animate(pos) {
    pos %= urls.length;
    var animation = document.getElementById('animation');
    var counter = document.getElementById('counter');
    animation.src = urls[pos];
    animation.onclick = function() {
        counter.innerHTML = parseInt(counter.innerHTML) + 1;
    }
    setTimeout(function() {
        animate(++pos);
    }, 500);
}

更新：

这里有一个小提琴，它只检测点击其中一个图像：http://jsfiddle.net/maniator/TQqJ8/8/

相关文章：