简单的打地鼠小游戏js代码

来源:https://www.sucaihuo.com/js/4837.html 2019-10-15 11:45浏览(677) 收藏

原生js写的简单的打地鼠小游戏代码,还有游戏积分统计功能。实现思路简单,代码非常少。
简单的打地鼠小游戏js代码
分类:游戏 > 设计 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script>
		var hole = document.querySelectorAll(".hole");
		function mouseout(){
			var i = Math.floor(Math.random()*9);
			hole[i].lastElementChild.style.visibility = "visible";
			hole[i].firstElementChild.style.visibility = "hidden";
		}
		function clearboom(){
			for (var i = 0; i < hole.length; i++) {
				hole[i].firstElementChild.style.visibility = "hidden";
			}
		}	
		setInterval(mouseout, 1000);
		for(var i = 0; i < hole.length; i++){
			hole[i].lastElementChild.onclick = function(){
				this.style.visibility = "hidden";
				this.parentElement.firstElementChild.style.visibility = "visible";
				setTimeout(clearboom, 260);
				document.querySelector(".score").innerHTML = Number(document.querySelector(".score").innerHTML) + 100;
			}
		}
		function knock(){
			document.querySelector("body").style.cursor ="url('img/hammerdown.ico'),auto";
			setTimeout(function(){
				document.querySelector("body").style.cursor ="url('img/hammer.ico'),auto";
			}, 300);
		}
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2