第五节总结

一、数学对象

             

 1.1随机生成m——n之间的任意整数

       

//随机产生一个0——10之间的任意数，同时取值不到10

   Math.floor(Math.random()*10)

二、Date对象

（ Date对象需要通过new进行实例化）

定时器：

      setInterval() (使用定时器）、clearInterval()(结束定时器)、clearInterval()清除定时器

1.2、使用date对象和定时器打印出动态钟表

<span id="timer">
			
		</span>
         <script type="text/javascript">
			//Date对象
			//需要通过new进行实列化
			
			//定时器，每隔多长时间调用一次回调函数
			setInterval(function(){
				var time=new Date()//获取的是当前时间（包括日期）
				console.log(time)
				var year=time.getFullYear()//获取的是年份
				var month=time.getMonth()//获取的是月份
				var date=time.getDate()//获取的是天数
				var hours=time.getHours()//获取的是小时
				var minutes=time.getMinutes()//获取的是分钟
				var seconds=time.getSeconds()//获取的是秒数
				//拼接0
				month=month>9?month:"0"+month
				date=date>9?date:"0"+date
				hours=hours>9?hours:"0"+hours
				minutes=minutes>9?minutes:"0"+minutes
				seconds=seconds>9?seconds:"0"+seconds
				
				var result=year+"年"+month+"月"+date+"日"+hours+":"+minutes+":"+seconds
				// console.log(result)
				document.getElementById("timer").innerHTML=result
			},1000)

 1000单位是毫秒=1秒

1.3、猜数字

例：

//随机猜一个0——10之间的任意数

  

<input type="text" name="result" id="result" value="" />
<input type="button" name="" id="btn" value="猜数字" />
<script type="text/javascript">
    //随机产生一个0——10之间的任意数
     var num=Math.floor(Math.random()*11)
			document.getElementById("btn").onclick=function(){
				//输入文本框中的文字
				var result=parseInt(document.getElementById("result").value)
				if (result>num) {
					alert("你输入的数太大了")
				}else if(result<num){
					alert("你输入的数太小了")
				}else{
					alert("恭喜你，猜对了")
			}
		}
		</script>

setTimeout

setTimeout()方法用于在指定毫秒数后再调用函数或者计算表达式（以毫秒为单位）

语法：

setTimeout(函数表达式，毫秒数)；

setTimeout()只执行函数一次，如果需要多次调用可以使用setInterval(),或者在函数体内再次调用setTimeout()

setTimeout(function(){
                 console.log("aa")
            },2000)

区别

　　setTimeout与setInterval的主要区别是:

　　setTimeout()方法只运行一次，也就是说当达到设定的时间后就出发运行指定的代码，运行完后就结束了，如果还想再次执行同样的函数，可以在函数体内再次调用setTimeout()，可以达到循环调用的效果。

　　setInterval()是循环执行的，即每达到指定的时间间隔就执行相应的函数或者表达式，是真正的定时器

1.4：使用定时器与数组随机抽取姓名

<span id="uname">
			
		</span>
		<input type="button" name="" id="start" value="开始" />
		<input type="button" name="" id="end" value="结束" />
		<script type="text/javascript">
			var uname=["卡卡罗特","孙悟空","鲁鲁修","贝吉特","悟吉塔","绫小路",]
			var timer
			document.getElementById("start").onclick=function(){
				timer=setInterval(function(){
					//随机产生0——5之间的整数
					var index=Math.floor(Math.random()*uname.length)
					document.getElementById("uname").innerHTML=uname[index]
				},100)
			}
			
			document.getElementById("end").onclick=function(){
				clearInterval(timer)//使用clearInterval()清除定时器
			}
		</script>