任务视频V2.0

任务视频V1.0

知识点

Math对象

Math对象的内置方法可以在不使用构造函数创建对象时直接调用。使用Math对象的属性时，常用格式如下：

        Math.属性

Math对象的常用属性                                   

Math对象的常用方法

教学课件V2.0

教学课件V1.0

制作随机选号器

任务描述

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

任务分析

实现随机选号页面的制作可以采用以下步骤：

1. 产生1-60之间的随机整数，并在页面显示。

2. 单击开始按钮时使用定时函数隔60毫秒产生一个随机整数。

3. 单击停止按钮时清除定时函数。

现在问题的关键是产生1-60之间的随机整数，要产生随机数需要使用到Math对象，Math对象包含用于各种数学运算的属性和方法。

任务实现

……

<scriptlanguage="javascript" type="text/javascript">

var timer;

functionstartScroll()

{

    var num=Math.floor(Math.random()*60+1);         //产生1-60之间的随机整数

        document.myForm.myText.value=num;                 //文本框赋值

        timer=setTimeout("startScroll()",60);                     //使用定时器函数，60毫秒调用函数

}

functionstopScroll()

{

    clearTimeout(timer);       //清除定时器

}

</script>

……

<inputname="start" type="button" value="开始"onclick="startScroll()" />  

<inputname="stop" type="button" value="停止"onclick="stopScroll()" />

……

提示用户输入的两个数，在页面显示最大数

参考答案