首页 > 代码库 > js小游戏——看你能坚持多久
js小游戏——看你能坚持多久
点击另存用到的图片。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" > <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>看你能坚持多久</title> <style type="text/css"> #top{ color:white; height:20px; } #time{ float:left; } #item{ float:left; border:solid 1px gray; width:100px; padding:0; margin:0 20px; } #item div{ background:yellow; width:0px; } input{ margin:0 10px; float:left; } #desc{float:left} body{background:black} </style> <script type="text/javascript"> window.onload = init; function init(){ time = 0; timeDiv = document.getElementById(‘time‘); input = document.getElementsByTagName(‘input‘)[0]; body = document.getElementById(‘body‘); input.addEventListener(‘click‘,wenzi); div = document.getElementById(‘item‘).firstChild; width = screen.width; } function action(){ var xx = document.createElement(‘img‘); xx.src = http://www.mamicode.com/‘./xingxing.gif‘;"重新开始" alert(‘游戏结束,您坚持了‘+Math.floor(time*0.5)+‘秒‘); } } function random(x,y){ return Math.floor( Math.random() * (y-x+1) ) + x } function num(){ return document.images.length; } function del(){ body.removeChild(this); setWidth(); } function wenzi(){ if(input.value=http://www.mamicode.com/=‘开始‘){"top"> <input type="button" value="http://www.mamicode.com/开始"/> <div id="time">时间：0</div> <div id="item"><div><font color="red">0</font></div></div><div id="desc"><b>游戏说明：</b>点击消除星星，当星星数量达到20个时游戏结束。看你能坚持多久？</div> </div> <div id="body"></div> </body></html>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。