首页html编写5. 编写一个能够在页面显示下课倒计时的程序。 6.假定班上有60名同学，现制作一个提问选号器，单击开始按钮在页面随机显示1-60的学号，单击停止按钮在页面显示选中的学号。

html编写5. 编写一个能够在页面显示下课倒计时的程序。 6.假定班上有60名同学，现制作一个提问选号器，单击开始按钮在页面随机显示1-60的学号，单击停止按钮在页面显示选中的学号。

时间: 2024-04-01 20:31:06 浏览: 101

5. 下课倒计时程序： <!DOCTYPE html> <html> <head> <title>下课倒计时</title> <meta charset="utf-8"> <script> var count = 300; // 倒计时初始值为300秒，即5分钟 function showTime(){ if(count>=0){ var minute = Math.floor(count/60); // 分钟数 var second = count%60; // 秒数 document.getElementById("time").innerHTML = minute + "分" + second + "秒"; count--; setTimeout(showTime, 1000); }else{ document.getElementById("time").innerHTML = "下课了！"; } } </script> </head> <body onload="showTime()"> <p>距离下课还有：<span id="time"></span></p> </body> </html> 6. 提问选号器程序： <!DOCTYPE html> <html> <head> <title>提问选号器</title> <meta charset="utf-8"> <script> var timer; // 计时器变量 var nums = []; // 1-60的数字数组 for(var i=1; i<=60; i++){ nums.push(i); } function start(){ timer = setInterval(function(){ var index = Math.floor(Math.random()*nums.length); // 从数组中随机选一个数字 document.getElementById("num").innerHTML = nums[index]; }, 50); // 每50毫秒刷新一次数字 } function stop(){ clearInterval(timer); alert("选中的学号为：" + document.getElementById("num").innerHTML); } </script> </head> <body> <p>单击开始按钮随机显示1-60的学号，单击停止按钮在页面显示选中的学号。</p> <button onclick="start()">开始</button> <button onclick="stop()">停止</button> <p>选中的学号为：<span id="num"></span></p> </body> </html>

阅读全文