js总结5-优快云博客

本文详细介绍了JavaScript中数学对象(Math)的基本函数和常数，包括常见的数学运算如求绝对值、取整等，并通过实例展示了如何使用这些函数。此外，还讲解了日期对象(Date)的使用方法，包括获取当前时间、日期、时分秒等属性。

1数学对象(Math)

数学对象提供基本的数学函数和常数

数学对象不需要使用new运算符

属性说明

LN10 返回10的自然对数

LN2 返回2的自然对数

LOG10E 返回以10为底的e的对数

LOG2E 返回以2为底的e的对数

PI 返回圆周率，约3.141592653...

SQRT1 -2 返回0.5的平方根

SQRT2 返回2的平方根

E 返回自然常量E，约2.718

方法说明
abs(x) 返回x的绝对值。
cos(x)/acos(x) 返回x的余弦/反余弦值。
sin(x)/asin(x) 返回x的正弦/反正弦值。
atan(x) 返回x的反正切值。
ceil(x)/floor(x) 对数进行上/下舍入。
exp(x) 返回e的指数。
log(x) 返回数的自然对数(底为e)。
max(x,y)/min(xy) 返回x和y中的最大/小值。
pow(x.y) 返回x的y次幂。

random() 返回0~1之间的随机数。[0,1)
round(x) 把数四舍五入为最接近的整数。
sqrt(x) 返回数的平方根。

案例

		//Math对象
		console.log(Math.ceil(12.5))//返回一个大于该数字的最小整数
		console.log(Math.floor(12.8))//返回一个小于该数字的最小整数
		console.log(Math.round(123.4))//返回四舍五入
		console.log(Math.pow(2,4))//返回2的4次幂
		console.log(Math.max(3,56,6))//返回最大值
		console.log(Math.min(2,5,8))//返回最小值
		console.log(Math.random())//【0，1）返回0-1之间随机数可以*10
		console.log(Math.floor(Math.random()*11))//随机出0-10之间任意整数

2.日期对象(Date)
方法说明
Date() 返回当日的日期和时间。
getDate() 从Date对象返回一个月中的某一天(1~31)。
getDay0 从Date对象返回一周中的某一天(0~6)。
getMonth() 从Date对象返回月份(0~11)。
getFullYear() 从Date 对象以四位数字返回年份
getHours() 返回Date 对象的小时(0~23)。
getMinutes() 返回Date对象的分钟(0~59)。
getSeconds() 返回Date对象的秒数(0~59)。
getMilliseconds() 返回Date对象的毫秒(0~999)。
getTime() 返回1970年1月1日至今的毫秒数。

案例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		

		<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()+1//获取的是月份
				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
				document.getElementById("timer").innerHTML=result
			},1000)
		</script>
	</body>
</html>

猜数字小游戏

		<input type="text" name="result" id="result" value="" />
		<input type="button"  id="but" value="猜数字" />
		<script type="text/javascript">

       //猜数字游戏
		//随机出0-10之间任意整数
		var num =Math.floor(Math.random()*11)
	document.getElementById("but").onclick=function(){
			var result=parseInt(document.getElementById("result").value)
			
			if(result>num){
				alert("你输入的数字太大了")
			}else if(result<num){
				alert("你输入的数字太小了")
			}else{
				alert("恭喜你答对了")
			}
		}
     </script>

随机找人

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<span id="uname">请点击开始
			
		</span>
		<input type="button"  id="start" value="开始" />
			<input type="button"  id="end" value="结束" />
			<script type="text/javascript">
				var unames=["张三","李四","王五","赵四"]
				var timer
				document.getElementById("start").onclick=function(){
					timer=setInterval(function(){
						//随机生成0-3之间任意数
						var index=Math.floor(Math.random()*unames.length)
						document.getElementById("uname").innerHTML=unames[index]
					},10)
					
					}
					document.getElementById("end").onclick=function(){
						clearInterval(timer)//使用clearInterval清除定时器
				}
			</script>
	</body>
</html>