1. 题目：制作一个随机选号器：

点击开始按钮，页面随机显示1-100之间的数字；

点击停止按钮，选中的数字显示在页面上。

静态页面

按开始，数字随机动起来；停止按钮，数字显示在页面

2.分析：

（1）系统产生一个1-100之间的 随机数

Math.round(Math.random()*100+1)

因为产生的随机数有可能是小数，如85.6，所以需要将产生的数取整，即用Math.round()进行四舍五入取整。

注意：这里我们将3个取整函数做一下对比：

Math.ceil(3.4); //大于等于这个数的最小整数，返回4

Math.ceil(5.8); //返回6

Math.floor(3.4); //小于等于这个数的最小整数，返回3

Math.floor(5.8); //返回5

Math.round(3.4); //四舍五入取整，返回3

Math.8); //返回5

（2）产生的随机数要显示在页面上

获取文本框值：document.表单名.文本框名.value

只要将产生的随机数赋值给文本框值。

（3） 单击开始按钮，即用定时器函数产生随机数

也就是按按钮触发了另一个事件，即定义一个函数startNum()。

（4）单击开停止按钮，即清除定时器

也就是按按钮触发了另一个事件，即定义一个函数stopNum()。

3. 具体实现代码

（1）静态页面

定义了一个表单myForm ，表单里面定义了一个文本框myText，2个按钮start和stop。

静态页面

（2）js代码

注意:

这里timer是全局变量。

因为2个函数中都用到了timer变量，且是关联的，所以timer必须是全局变量。

局部变量：在函数体内定义的变量，如startNum函数中的num变量是局部变量。

这里函数名如果取得和按钮名字一样，按开始停止按钮不会出现效果，所以函数名避免和按钮的名字start、stop取得一样。

js代码

今天我们讲到这里，欢迎有问题持续关注我

标签：按钮