ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

JS—Date对象

2020-01-23 17:00:51  阅读:230  来源: 互联网

标签:24 3600 对象 JS var year Date new


  • 如何创建对象
    1. var d = new Date();
  • 获取年月日
    1. getFullYear()
    2. getMonth()
    3. getDate()
  • 获取星期几
    1. getDay()
  • 获取时分秒
    1. getHours()
    2. getMinutes()
    3. getSeconds()
  • 日期处理
    1. Date.parse()//分析一个包含日期的字符串
    2. date.toLocaleString()//Date对象的"本地化"字符串
    3. new Date(time)
    4. getTime()从 1970/01/01 至今的毫秒数

练习:

1.系统当前显示时间:

<body>
	系统当前时间:<span></span>
	<script>
		var span=document.getElementsByTagName("span")[0]
		function time(){
			var d=new Date()
			var year=d.getFullYear()
			var month=d.getMonth()+1 <10 ? '0'+(d.getMonth()+1) : d.getMonth()+1
			var day=d.getDate() <10 ? '0'+d.getDate() : d.getDate()
			var hour=d.getHours() <10 ? '0'+d.getHours() : d.getHours()
			var minutes=d.getMinutes() <10 ? '0'+d.getMinutes() : d.getMinutes()
			var seconds=d.getSeconds() <10 ? '0'+d.getSeconds() : d.getSeconds()
			span.innerHTML=year+"-"+month+'-'+day+' '+hour+":"+minutes+":"+seconds
		}
		time()
		setInterval(time,1000)
	</script>
</body>

2.倒计时:

<div id="div" style="width:500px;border:1px solid #933;text-align:center;line-height:50px"></div>
<script>
	function timer(){
		var date=new Date()//获取当前时间
		var year=date.getFullYear()//获取该年
		var lastDay=new Date(year,11,31,23,59,59)//获取该年的最后一天
		//该年的最后一天到当前的秒数
		var sNum=(lastDay.getTime()-date.getTime())/1000  
		//该年的最后一天据现在还剩的天数
		var day=parseInt(sNum/(3600*24))
		//该年的最后一天据现在还剩的小时
		var hours=parseInt(sNum%(3600*24)/3600)
		//该年的最后一天据现在还剩的分钟
		var minutes=parseInt(sNum%(3600*24)%3600/60)
		//该年的最后一天据现在还剩的秒数
		var seconds=parseInt(sNum%(3600*24)%3600%60)
		div.innerHTML="距离"+year+"年还剩"+day+"天"+hours+"小时"+minutes+"分钟"+seconds+"秒"
	}
	timer()
	setInterval(timer,1000)
</script>

 

a0404林N 发布了8 篇原创文章 · 获赞 6 · 访问量 310 私信 关注

标签:24,3600,对象,JS,var,year,Date,new
来源: https://blog.csdn.net/yadibaibai/article/details/104074686

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有