关于js（Math、Date、定时器、电子时钟）的方法

最新推荐文章于 2022-03-08 09:43:36 发布

kekechen丶

最新推荐文章于 2022-03-08 09:43:36 发布

阅读量155

点赞数 1

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_63851202/article/details/121441335

版权

Math

方法：

Math.floor(数值)——向下取整
Math.ceil(数值)——向上取整
Math.round(数值)——四舍五入取整
Math.sqrt(数值)——开平方
Math.pow(m，n)——m的n次方
Math.min(数值，数值，数值)——返回最小值
Math.max(数值，数值，数值)——返回最大值
Math.PI——圆周率
Math.abs(数值)——绝对值
Math.random()——0-1的随机数（左开右闭）

例题

输出15-35之间的随机数

var num=Math.round(Math.random()*20+15);

console.log(num)

左闭右开，使用四舍五入解决

Date

创建：

var date=new Date()

方法（全部无参）：

date.getFullYear()——获取年份

date.getMonth()——获取月份（0-11）

date.getDate()——获取日

date.getHours()——获取小时

date.getMinutes()——获取分钟

date.getSeconds()——获取秒数

date.getDay()——获取星期几（0-6）

date.toLocaleString()——以本地格式打印该时间

修改时间

var date=new Date("yyyy/mm/dd,hh/mm/ss")

console.log(date.toLocaleString())

时间戳

日期的本质是距离1970/1/1的毫秒数

查看距离时间戳的毫秒数

Date.parse("yyyy/mm/dd,hh/mm/ss");

返回值为距离时间戳的毫秒数

日期差

日期和日期可以相减，返回毫秒数

var date1=new Date();

var date2=new Date("1999-3-22")；
var num=(date1-date2)/1000/60/60/24;

console.log(Math.round(num))

修改时间的方法(无返回值，直接改变原时间)

date.setFullYear()；

setMonth();

setDate();

setHours();

setMinutes();

setSeconds();

setDay();

定时器

1、setInterval(回调函数，时间间隔)

表示每多少时间执行一次该回调函数

定时器如何停止

setInterval(回调函数，时间间隔)返回值为定时器关闭的钥匙;

在回调函数中使用clearInterval(钥匙)即可停止

2、setTimeOut(回调函数，时间间隔)

表示延迟多少时间执行此回调函数，只执行一次

定时器如何停止

setTimeOut(回调函数，时间间隔)返回值为定时器关闭的钥匙;

在回调函数中使用clearTimeOut(钥匙)即可停止

电子时钟案例

第一种方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="button" name="" id="" value="" />
	</body>
</html>
<script type="text/javascript">
	var xin = document.querySelector("input");

	function add(value) {
		return value < 10 ? "0" + value : value
	}
	function fun() {
		var time = new Date();
		xin.value = time.getFullYear() + "年" + (time.getMonth()+1) + "月" +add(time.getDate())  + "日" + add(time.getHours()) + ":" + add(time.getMinutes()) + ":" + add(time.getSeconds())
	}
	setInterval(fun, 1000)
	
</script>

第二种方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="button" name="" id="" value="" />
	</body>
</html>
<script type="text/javascript">
	var xin = document.querySelector("input");
	setInterval(function() {
		var time = new Date();
		xin.value = time.toLocaleString()
	}, 1000)
</script>

kekechen丶

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
关于js（Math、Date、定时器、电子时钟）的方法

Math方法Math.floor(数值)——向下取整 Math.ceil(数值)——向上取整 Math.round(数值)——四舍五入取整 Math.sqrt(数值)——开平方 Math.pow(m，n)——m的n次方 Math.min(数值，数值，数值)——返回最小值 Math.max(数值，数值，数值)——返回最大值 Math.PI——圆周率 Math.abc(数值)——绝对值 Math.random()——0-1的随机数（左开右闭）例题输出15-35之间的随机数var.
复制链接

扫一扫