文章分类 Classification
猜0-100数字游戏
稿件来源: 阳光企业网站管理系统 撰稿作者: 太阳光 发表日期: 2012-11-08 阅读次数: 165 查看权限: 游客查看
这是论坛里别人提的一个功能。随手写了出来
<style type="text/css"> body{ padding-top:20px; text-align: center; } </style> <h3>猜数游戏</h3> <h4>请输入一个0-100之间的随机整数:</h4> <input type="text" id="number" size="20" onkeyup="this.value=this.value.replace(/[^\d]/g,'')" maxlength="3"/> <input type="button" value="提交" id="send" disabled="disabled" /> <input type="button" value="开始" onclick="game()" id="begin" /> <p> 倒计时:<input type="text" id="time" size="3" value="0" readonly="readonly"/>秒 结果:<input type="text" id="result" value="请点击“开始”" size="30"/> </p> <script type="text/javascript"> function game(){ var i_t=90;//倒计时秒数 var i_n=parseInt(100*Math.random());//随机数 var i_time=0; var b_send=document.getElementById("send"); var p_result=document.getElementById("result"); var b_begin=document.getElementById("begin"); var p_time=document.getElementById("time"); p_time.value=i_time; b_send.disabled=false; b_begin.disabled=true; b_send.onclick=function(){ var i=document.getElementById("number").value; if(i>100){ alert("大哥,不能输入超过100的数!"); return false; } if(i>i_n){ p_result.value="大了,猜小一点!"; }else if(i<i_n){ p_result.value="小了,猜大一点!"; }else{ p_result.value="还想玩吗?请点击“开始”再来。"; alert("恭喜猜对了!"); b_send.disabled=true; b_begin.disabled=false; clearInterval(t); } }; var t=setInterval(int_time,1000); function int_time(){ i_time++; if(i_time>=i_t){ p_result.value="超时了!请点击“开始”再来。"; b_send.disabled=true; b_begin.disabled=false; clearInterval(t); } p_time.value=i_time; } } </script>
关键词: 猜数字,游戏,javascript 编辑时间: 2012-11-08
0
高兴0
支持0
搞笑0
不解0
谎言0
枪稿0
震惊0
无奈0
无聊0
反对0
愤怒
0%(0)
0%(0)
- 中搜索:猜0-100数字游戏
- 中搜索:猜0-100数字游戏
- 暂无评论
文章图片 article Pictrue
网友评论