【JavaScript-27】js的内置对象Date，获取当前时间戳，倒计时案例（附最后）

最新推荐文章于 2023-03-06 15:01:34 发布

简单Janeee

最新推荐文章于 2023-03-06 15:01:34 发布

阅读量459

点赞数

分类专栏： JavaScript基础文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/liqiannan8023/article/details/127075770

版权

JavaScript基础专栏收录该内容

44 篇文章 0 订阅

订阅专栏

文章目录

常用的方法

Date()；获取当前时间

Date(可加具体的年月日和时间).getTime();获取当前时间戳

将传回的时间转化成年月日周等

变量.getFullYear(); 年

变量.getMonth(); 月

变量.getDate(); 日

变量.getHours(); 时

变量.getMinutes(); 分

变量.getSeconds(); 秒

变量.getDay(); 周

<script>
	//获取当前时间
    var time = new Date();
    //获取特定的的时间戳
    var s = new Date("2022-04-02 0:0:0").getTime();
    
    //将时间戳转化为时间
    //获得的时间戳直接传到Date()中即可
    var times = new Date(s);
    

</script>

封装函数返回当前年月日

<script>
	function getTime(){
        //获取当前的时间
        var time = new Date();
        var year = time.getFullYear();
        //使用三元运算符
        var m = (time.getMonth() + 1<10 ? "0"+(time).getMonth()+1);
     var d = time.getDate() < 10 ? "0"+time.getDate():time.getDate();
        return "现在的日期是：" + year + "-"+ m+ "-" + d;
    }

</script>

倒计时案例

<style>
		*{
			padding:0;
			margin:0;
		}
		.box{
			width: 100%;
			margin:20px auto;
			border:1px solid #000;
		}
		.box span{
			font-size: 20px;
		}
	</style>
</head>
<body>
	<div class="box">
		<span class="d"></span>
		<span class="h"></span>
		<span class="m"></span>
		<span class="s"></span>
	</div>

	<script type="text/javascript">
		
		function countTime(){
			//获取当前时间的时间戳
		var sta = new Date().getTime();
		//获取目标时间的时间戳
		var end = new Date("2023-01-22 0:0:0").getTime();
		//求出它们的时间差
		var endTime = end -sta;
		//进行判断
		if(endTime >= 0){
			//进行换算
			var d = Math.floor(endTime/1000/60/60/24);
			var h = Math.floor(endTime/1000/60/60%24);//换算成小时对小时取余，剩余多长时间
			var m = Math.floor(endTime/1000/60%60);
			var s = Math.floor(endTime/1000%60);
			document.querySelector(".d").innerHTML = d +"天";
			document.querySelector(".h").innerHTML = h +"时";
			document.querySelector(".m").innerHTML = m +"分";
			document.querySelector(".s").innerHTML = s +"秒";

		}else{
			alert("倒计时结束！");
		}
		}
		//写个定时器
		setInterval(countTime,1000);
		//延时器中的函数不要加括号，加括号是一个执行完的函数

	</script>

简单Janeee

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【JavaScript-27】js的内置对象Date，获取当前时间戳，倒计时案例（附最后）

/延时器中的函数不要加括号，加括号是一个执行完的函数。//获得的时间戳直接传到Date()中即可。变量.getFullYear();//换算成小时对小时取余，剩余多长时间。变量.getMinutes();变量.getSeconds();变量.getMonth();变量.getHours();变量.getDate();将传回的时间转化成年月日周等。变量.getDay();//获取当前时间的时间戳。//获取目标时间的时间戳。//获取特定的的时间戳。//将时间戳转化为时间。//求出它们的时间差。
复制链接

扫一扫