JS Date对象学习

最新推荐文章于 2021-12-09 22:09:29 发布

王小唔

最新推荐文章于 2021-12-09 22:09:29 发布

阅读量219

点赞数

分类专栏： JavaScript 文章标签： Date

本文链接：https://blog.csdn.net/weixin_43433884/article/details/83347975

版权

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

1.Date 对象
类型使用自 CTU（Coordinated Universal Time，国际协调时间）1970 年 1 月 1 日午夜（零时）开始经过的毫秒数来保存日期。Date 类型保存
的日期能够精确到 1970 年 1 月 1 日之前或之后的 285616 年。

2.对象的创建
var d = new Date();
3.字符串转为时间格式
也可以理解为定义过去或者未来的时间（自定义时间点）
var d1= new Date(‘2017-10-24 22:22:22’)；
var d2 = new Date(‘2020/10/24 11:11:11’)；
4.获取当前时间戳
var now = new Date();
alert(now);
返回的为中国时区的标准时间格式；

5.事件对象常用api
getFullYear();
getMonth();
getDate();
getDay();
getHours()
getMinutes()
getSeconds()*

6、自定义日期格式输出

function dataToString( now , sign ){
   	 //定义一个函数 功能是在小于10的数字前拼接0
   	 function toTwo( num ){
   	 	return num < 10 ? "0" + num : num;
   	 }
      //sign表示日期的拼接符号
      //设置sign的默认值  如果用户传递sign参数 就使用用户传递的参数
      //否则就使用默认值
      sign = sign || "-";设置sign的默认值
      //获取日期的年月日
      var y = now.getFullYear();
      var m = now.getMonth() + 1;
      var d = now.getDate();
      //获取日期的时分秒
      var h = toTwo( now.getHours() );
      var mi = toTwo( now.getMinutes() );
      var s = toTwo( now.getSeconds() );
      //定义自己的时间格式
      var str = y + sign + m + sign + d + " " + h + ":" + mi + ":" + s;
      return str;
  }

7、定时器

var i = 1;
	//启动定时器
	var timer = setInterval( function(){
		console.log( i++ );
		if( i == 10 ){
			clearInterval( timer );//停止定时器
		}
	} , 1000 )

8、倒计时（重）
假设在2020年10月24日有一个活动，建立倒计时
思路：
1、获取起始时间和结束时间
2、计算两个时间段的时间差 t – 秒数
3、根据时间差获取剩余的小时数分钟数秒数
剩余的小时 = parseInt(t/3600)
剩余的分钟 = parseInt(剩余的秒数 / 60)
剩余的秒数 = 总时间差秒数t - 小时消耗掉的秒数剩余的小时*3600
剩余的秒数 = 总时间秒数%60
4、将得到的小时分钟秒数显示到页面
5、利用定时器完成倒计时效果

html中的代码

<body>
		<h1>距离您的商品下架倒计时 过期时间：2018-10-24 18:00:00</h1>
		<p id="p1"></p>
	</body>

JS中的代码

//1、获取起始时间和结束时间
	var start = new Date();//起始时间
	var end = new Date("2020-10-24 16:28:00");
	
	//2、计算两个时间段的时间差
	var t = diff(start,end);//时间差 秒
	function showTime(){
		if( t < 0 ){
			p1.innerHTML = "活动过期了";
			return;
		}
		//3、根据时间差 获取剩余的小时数   分钟数  秒数
		var h = parseInt( t/3600 );
		var m = parseInt( (t-h*3600)/60 );
		var s = parseInt( t - h*3600 - m*60 );
		//4、将得到的小时 分钟 秒数 显示到页面上
		p1.innerHTML = h + "小时" + m + "分钟" + s + "秒";
	}
	showTime();
	//5、利用定时器 完成倒计时效果
	var timer = setInterval( function(){
		t--;
		if( t < 0 ){
			p1.innerHTML = "活动过期了";
			clearInterval( timer );
		}else{
			showTime();
		}
	},1000 );