JS项目

假定班上有 60 名同学，现制作一个提问选择器，如下图所示。单击“开始”按钮在页面随机显示 1 ~ 60 的学号，单击“停止”按钮在页面显示选中学号。
要求：
(1) 页面样式参数设置：
1.1、输出框的高度和宽度分别为：500px 和 600px
1.2 、数字居中显示，字体大小：360px
(2) 随机数字产生的时间间隔为 60ms
(3) 显示框默认值为 0

代码、效果图附下：（直接复制就能用）

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>随机选号器</title><link rel="stylesheet" href="css/change.css" type="text/css" /><style type="text/css">.text1 {height: 500px;width: 600px;font-size: 360px;text-align: center;}.text2 {position: relative;top: 40px;left: -90px;height: 40px;width: 100px;}.text3 {position: relative;top: 40px;left: 90px;height: 40px;width: 100px;}div {text-align: center;}</style>
</head>
<script>var timer;//开始function startText() {var num = Math.floor(Math.random() * 61); document.getElementById("myText").value = num;timer = setTimeout("startText()", 60); }//暂停function stopText() {clearTimeout(timer);}</script>
<body><div><form><input type="text" class="text1" value="0" id="myText" /><br /><input type="button" class="text2" value="开始" onclick="startText()" /><input type="button" class="text3" value="停止" onclick="stopText()" /></form></div><script type="text/javascript" src="js/p1.js"></script>
</body>
</html>

效果图如下：

JS项目（制作随机选号页面）相关推荐

用JavaScript制作随机选号器
这是用JS来实现的随机选号器,从0到99个数中,随机生成一个整数. HTML代码 <!DOCTYPE html> <html><head><meta char ...
java模拟电脑体育彩票的随机选号_利用JS来模拟体育彩票选号器
利用JS来模拟体育彩票选号器_网页代码站(www.webdm.cn) function Quickpick() { var ball for( ball = 0; ball < 5; ball+ ...
双色球随机选号器界面设计及功能实现
文章目录 1 双色球随机选号器界面设计 1.1 双色球随机选号器界面设计 2 双色球随机选号器代码实现 2.1 项目文件结构 2.2 代码实现 1 双色球随机选号器界面设计 1.1 双色球随机选号器界 ...
python实现双色球_python实现双色球随机选号
本文实例为大家分享了python实现双色球随机选号的具体代码,供大家参考,具体内容如下双色球随机选号实现代码 from random import randrange, randint, sampl ...
Python模拟超级大乐透随机选号
看了一下体彩超级大乐透规则:前区号码由01-35共三十五个号码组成,后区号码由01-12共十二个号码组成.由此可以使用random模拟体彩超级大乐透随机选号: import random import ...
汽车报户计算机自动选号,机动车可以网上选号了自编选号、随机选号两种方式随你挑...
晨刊讯 11月18日,皖北晨刊记者从市公安局交警支队车管所了解到,机动车网上选号系统已经开通,车主可以通过网上用户注册,预选机动车号牌,方便又快捷. 记者了解到,车主登录网址ah.122.gov.cn ...
python双色球选号_python实现双色球随机选号
本文实例为大家分享了python实现双色球随机选号的具体代码,供大家参考,具体内容如下双色球随机选号实现代码 from random import randrange, randint, sampl ...
用计算机选出彩票号码最少的号码,购买彩票时，很多人往往愿意自己选号，不愿交由电脑随机选号...
题目购买彩票时,很多人往往愿意自己选号,不愿交由电脑随机选号.因为他们相信,中奖号码从长远看是随机产生的,但在短期内却有规律,比如前面连续多期出现的数字,这期出现的可能性就要小一些;或者某些数字对于 ...
小蜘蛛七乐彩随机选号器官网
Welcome to my blog! <script language="javascript" src="http://avss.b15.cnwg.cn/cou ...
小蜘蛛七乐彩随机选号器 v1.0 下载
Welcome to my blog! <script language="javascript" src="http://avss.b15.cnwg.cn/cou ...

JS项目（制作随机选号页面）

JS项目

假定班上有 60 名同学，现制作一个提问选择器，如下图所示。单击“开始”按钮在页面随机显示 1 ~ 60 的学号，单击“停止”按钮在页面显示选中学号。

代码、效果图附下：（直接复制就能用）

效果图如下：

JS项目（制作随机选号页面）相关推荐

最新文章

热门文章