案例掷骰子

最新推荐文章于 2021-06-07 12:52:07 发布

原创最新推荐文章于 2021-06-07 12:52:07 发布 · 257 阅读

CC 4.0 BY-SA版权

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>动态图片切换</title>
        <meta charset="UTF-8">
        <link href="css/style1.css" rel="stylesheet">
        
    </head>
    <body>
        <!-- 游戏区域 -->
        <div id="container">
            <img src="img/dice_1.png" id="dice" alt="">
        </div>
        <div id="command">
            <input id="btn" type="button" value="摇一摇">
        </div>
    </body>
</html>
<script type="text/javascript" src="../public.js">
	
</script>
<script type="text/javascript">
	var btn=document.getElementById("btn");
	var img=document.getElementById("dice");
	btn.onclick=function(){
		var n=0;
		var timer=setInterval(function(){
			n++;
		img.src="img/diceDynamic.gif";
		if(n>2){
			clearInterval(timer);
			var num=getRand(1,6);
			img.src="img/dice_"+(num)+".png";
		}
	},500);
	}
	
	
	
	
	
	
	
	
	
	
</script>