黑马程序员技术交流社区

标题: 修改代码 [打印本页]
作者: 小宇哥    时间: 2015-4-24 10:56
标题: 修改代码
本帖最后由 小宇哥 于 2015-5-21 16:00 编辑

<body>
<h1>随机抽选列表：</h1>
<div id="namelist"></div>
<div id="btn">
<button id="start">开始<button>
<button id="end">停止<button>
</div>
<div id="ok"></div>
<script>

// 设置滚动速度
var speed = 20;


// 设置姓名列表
var array = [
"李国", "王五","赵六","李三","小明"
];
window.onload = function () {
var count = array.length;
var list  = document.getElementById('namelist');
var timer = null;
var newarr= [];
function randomsort(a, b) {
return Math.random()>.5 ? -1 : 1;
}
function randlist () {
var string = '';
var newarray = array.sort(randomsort);
for (var i=0; i<newarray.length; i++) {
string += '<p>' + array + '</p>';
}        
list.innerHTML = string;
return newarray;
}
//初始化
randlist();
var start = 0;
document.getElementById('start').onclick = function(){
if (start == 1) {
return false;
}
start = 1;
timer = setInterval(function(){
newarr = randlist();
}, speed);
document.getElementById('ok').innerHTML = '正在抽取，请稍后...';
};
document.getElementById('end').onclick = function() {
if (!newarr.length) {
document.getElementById('ok').innerHTML = '请先“开始”';
return false;
}
start = 0;
clearTimeout(timer);
var num = parseInt(count * Math.random());
document.getElementById('ok').innerHTML = '“' + newarr[num] + '”同学';
newarr = [];
};
}
</script>
</body>
<html>

这是老师的点名系统
谁能改下把其中一个人的随机不出来
但是界面上还显示
作者: major2015    时间: 2015-4-24 10:56
  1. <!DOCTYPE head PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>点名系统</title>
  5. </head>
  6. <body>

  8.         <h1>随机抽选列表：</h1>
  9.         <div id="nameList"></div>
  10.         <div id="btn">
  11.                 <button id="bStart">开始</button>
  12.                 <button id="bEnd">停止</button>
  13.         </div>
  14.         <div id="ok"></div>
  15.         <script>
  16.                 // 设置滚动速度,即每过多少时间打乱一次排序
  17.                 var speed = 20;

  19.                 // 设置姓名列表
  20.                 var array = [ "李国", "王五", "赵六", "李三", "小明" ];
  21.                 window.onload = function() {
  22.                         
  23.                         var list = document.getElementById('nameList');
  24.                         var timer = null;
  25.                         var newarr = [];
  26.                         
  27.                         //对数据进行随机排序，即打乱数据的排序
  28.                         function randomsort(a, b) {
  29.                                 return Math.random() > .5 ? -1 : 1;
  30.                         }
  31.                         function randlist() {
  32.                                 var string = '';
  33.                                 //打乱数组顺序
  34.                                 var newarray = array.sort(randomsort);
  35.                                 //文档区域显示排序
  36.                                 for ( var i = 0; i < newarray.length; i++) {
  37.                                         string += '<p>' + array + '</p>';
  38.                                 }
  39.                                 list.innerHTML = string;
  40.                                 
  41.                                 return newarray;
  42.                         }
  43.                         //初始化
  44.                         randlist();
  45.                         var start = 0;
  46.                         document.getElementById('bStart').onclick = function() {
  47.                                 if (start == 1) {
  48.                                         return false;
  49.                                 }
  50.                                 start = 1;
  51.                                 timer = setInterval(function() {
  52.                                         newarr = randlist();
  53.                                 }, speed);
  54.                                 document.getElementById('ok').innerHTML = '正在抽取，请稍后...';
  55.                         };
  56.                         
  57.                         document.getElementById('bEnd').onclick = function() {
  58.                                 //开始排序之前，newarr为空，即长度为0,0表示false
  59.                                 if (!newarr.length) {
  60.                                         document.getElementById('ok').innerHTML = '请先点击“开始”';
  61.                                         return false;
  62.                                 }
  63.                                 start = 0;
  64.                                 
  65.                                 //clearTimeout()        Cancels a time-out that was set with the setTimeout method.
  66.                                 clearTimeout(timer);
  67.                                 
  68.                                 //生成随机数
  69.                                 var num = parseInt(array.length * Math.random());
  70.                                 
  71.                                 
  72.                                 ////////////////////////////////////////////////////////////////
  73.                                 //判断当前元素是否为不想显示的名字，如果是，判断该元素在newarr中脚标是否为0，不为零就将前一位打印出来，为零就打印后一位
  74.                                 var notMe ="小明";
  75.                                 if(newarr[num] == notMe) {
  76.                                         num == 0 ? num++ : num--;
  77.                                 }
  78.                                 ////////////////////////////////////////////////////////////////
  79.                                 
  80.                                 document.getElementById('ok').innerHTML = '“' + newarr[num]
  81.                                                 + '”同学';
  82.                                 newarr = [];
  83.                         };
  84.                 }
  85.         </script>
  86. </body>
  87. </html>
复制代码
额，就是这样了
作者: major2015    时间: 2015-4-24 22:36
问错地方了
作者: 横看成岭侧成锋    时间: 2015-4-25 21:56
这里是Java
作者: forplay    时间: 2015-4-27 09:51
这是js代码吧……
作者: lucky_francis    时间: 2015-4-28 23:33
j这个应该是sp代码
作者: 0416_张威    时间: 2015-5-4 21:36
看不懂，，，不是java吧
作者: 紫影    时间: 2015-5-6 09:12
你的数组内就一个人名，咋滚动啊
作者: 方的黑马    时间: 2015-5-10 23:31
怎么是混合语言，还有脚本的吗？你得说清楚啊
作者: Always，    时间: 2015-5-13 11:43
                    这是简单的js代码偶。。大哥你可以自己试着慢慢改吧。。我虽然能看懂。。但没能力改过啊
作者: as604049322    时间: 2015-5-16 09:37
不明白楼主想做啥？只看到一堆垃圾JS代码，，，我只能重写代码实现一个简单的JS点名系统
作者: yas丶    时间: 2015-5-17 18:15
真心看不懂
作者: 小宇哥    时间: 2015-5-21 15:44
major2015 发表于 2015-4-24 22:36
问错地方了

javaScript的知识。。。
作者: 小宇哥    时间: 2015-5-21 15:56
as604049322 发表于 2015-5-16 09:37
不明白楼主想做啥？只看到一堆垃圾JS代码，，，我只能重写代码实现一个简单的JS点名系统 ...

js代码放到这上面竟然乱了，这是个点名系统，只有js实现的。把代码复制下来，然后把显示乱的地方一改就行了，我这个是想改改功能，比如点名的时候，名单上有“小明”，但是我就是永远的点不到“小明”。
作者: 小宇哥    时间: 2015-5-21 15:59
方的黑马 发表于 2015-5-10 23:31
怎么是混合语言，还有脚本的吗？你得说清楚啊

这个只有JavaScript写的，放到上面有些乱了，比如前面<button></button>等，网页显示有问题。



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2