Menu
Woocommerce Menu

js猜数字小游戏的简单实现代码,实现页面动态数据的滚动效果

0 Comment

<div class=”conn”>
<table>
<tr>
<th style=”width:50px;”>序号</th>
<th style=”width:150px;”>名称</th>
<th style=”width:80px;”>季度完成量</th>
<th style=”width:50px;”>昨日</th>
<th style=”width:70px;”>完成进度</th>
<th style=”width:80px;”>基本指标</th>
<th style=”width:70px;”>挑战指标</th>
</tr>
<tr>
<td colspan=”7″>
<div class=”roll”>
<ul>
<c:forEach items=”${statislist}” var=”s” varStatus=”i”>
<c:set var=”cs” value=””></c:set>
<c:set var=”index” value=””></c:set>
<c:if test=”${i.index < 9 }”>
<c:set var=”index” value=”0″></c:set>
</c:if>
<c:if test=”${i.index % 2==0}”>
<c:set var=”cs” value=”background:#ebf6fd;”></c:set>
</c:if>
<li style=”height:30px;width:550px;line-height:30px;${cs}”>
<div style=”width:50px;text-align:center;float:left;”>${index}
${i.count}</div>
<div
style=”width:150px;text-align:center;float:left;”>${s.name}</div>
<div
style=”width:80px;text-align:center;float:left;”>${s.number}</div>
<div
style=”width:50px;text-align:center;float:left;”>${s.zuori}</div>
<div
style=”width:70px;text-align:center;float:left;”>${s.wcjb}</div>
<div
style=”width:80px;text-align:center;float:left;”>${s.jbzb}</div>
<div
style=”width:70px;text-align:center;float:left;”>${s.tzzb}</div>
</li>
</c:forEach>
银河国际网址手机版,</ul>
</div>
</td>
</tr>
</table>
</div>

您可能感兴趣的文章:

  • 12个非常有创意的JavaScript小游戏
  • JavaScript打字小游戏代码
  • 分享自己用JS做的扫雷小游戏
  • 纯javascript模仿微信打飞机小游戏
  • JavaScript编写连连看小游戏
  • JS小游戏之宇宙战机源码详解
  • JS小游戏之仙剑翻牌源码详解
  • 使用Javascript写的2048小游戏
  • JS小游戏之象棋暗棋源码详解
  • js实现打地鼠小游戏
  • js实现九宫格拼图小游戏
  • JS实现的走迷宫小游戏完整实例

以上排序带来的问题就是假设对象有很多属性,那么我们程序就要为多少属性分别去设置排序的规则。所以就有了如下方法:

复制代码 代码如下:

 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“;
 <html xmlns=”;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″
/>
<title>简易计算机</title>
</head>
<body>
<input type=”button” id=”result” name=”result” onclick=”checknum()”
value=”进入数字游戏、、、、、”>
<script>
//获取随机数
function GetRandomNum(Min,Max)

var Range = Max – Min; 
var Rand = Math.random(); 
return(Min + Math.round(Rand * Range)); 

//获取文本框内容
function checknum(){
var num = GetRandomNum(1,100);
alert(“dnhgn”);
var i;
for(i=1;i<=10;i++){
var
nums=prompt(“猜1到100之间的数字,您只有十次才的机会哦,加油哦、、、、、”,””);
if(i==1){
 if(nums==num){
         alert(“恭喜答对了,您太聪明了”);
   break;
     }else{
          if(nums<num){
       document.write(“您已经是第” + i
+”次输入,数字有些小了<br>”);
       }else{
    document.write(“您已经是第” + i
+”次输入,数字有些大了<br>”);
 }
}
}
if(i>1&&i<=10){
      if(nums==num){
         alert(“恭喜答对了”);
   break;
      }else{
          if(nums<num){
       document.write(“您已经是第” + i
+”次输入,数字有些小了<br>”);
       }else{
    document.write(“您已经是第” + i
+”次输入,数字有些大了<br>”);
  }
}
}
if(i==10){
       if(nums!=num){
       document.write(“你已经没机会了,真遗憾!”);
    return false;
       }
 }
}
}
</script>
</body>
</html>

var as = [1,2,11,3434,3,4545,33,55,0];
as.sort(); //这个排序是按照字典排序
//自定义按照数字排序
function sortByNum(a,b){
return parseInt(a) – parseInt(b);
}
as.sort(sortByNum);
//按照对象来排序
//定义一个person对象
function Person(name.age){
this.name=name;
this.age=age;
}
var p1 = new Person(“zhang1”,11);
var p2 = new Person(“zhang2”,1);
var p3 = new Person(“zhang3”,18);
var p4 = new Person(“zhang4”,13);
var ps = [p1,p2,p3,p4];
function sortByName(obj1,obj2){
 if(obj1.name>obj2.name){return 1}
 else if(obj1.name==obj2.name){return 0}
 else{return -1}
 }
function sortByAge(obj1,obj2){
 return obj1.age – obj2.age;
 }
 ps.sort(sortByName) //按照名字排序
 ps.sort(sortByAge) //按照年龄排序

标签:,

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章

网站地图xml地图