javascript基础:Date对象

下面的代码介绍了如何创建Date对象,获取属性,设置属性,转换日期格式的方法,最后用实现了一个简易的时钟。

代码:

 

!doctype html>
<html lang="en">
 <head>
	  <meta charset="UTF-8">
	  <title>Document</title>
	  <script language="javascript">

	    function format(s)
		{
			return s.length == 1 ? '0'+s : s ;
		}
        
		//实现一个小时钟
		function start()
		{
			var t = new Date();
			var year = format(t.getFullYear().toString());
			var month = format((t.getMonth()+1).toString());
			var day = format(t.getDate().toString());
			var hour = format(t.getHours().toString());
			var min  = format(t.getMinutes().toString());
			var sec  = format(t.getSeconds().toString());
            
			//显示时分秒
			show.innerHTML = year + "年" + month + "月" + day + "日 " + hour +"时"+min + "分" + sec + "秒";
            
			//调用window对象的定时器方法,设置要调用的函数、时间间隔
			timer = setTimeout("start()",1000);
		}

	  </script>
 </head>
 <body οnlοad="start()" οnunlοad="clearTimeout(timer);">

	<script language="javascript">
		var t = new Date();

		document.write("<br>"+ t.getDate());  // 1-31
		document.write("<br>"+ t.getDay());   // 0-6
		document.write("<br>"+ t.getMonth()); // 0-11
		document.write("<br>"+ t.getFullYear()); //2017
		document.write("<br>"+ t.getYear());    
		document.write("<br>"+ t.getHours());
		document.write("<br>"+ t.getMinutes());
		document.write("<br>"+ t.getSeconds());	
		
		document.write("<br>"+ t.getMilliseconds());  //毫秒数
		document.write("<br>"+ t.getTime()+"<hr>");   //自1970-01-01开始到现在的毫秒数

		//重新设置日期时间
		t.setDate(1);
		t.setMonth(11);      //12月
		t.setFullYear(2016);
		t.setHours(18);
		t.setMinutes(20);
		t.setSeconds(30);
		//t.setMilliseconds();
		//t.setTime();
		
		//转换函数
		document.write("<br>" + t.getTimezoneOffset());  //本地时间与格林威治时间的时间差,单位分钟
		document.write("<br>"+ t.toLocaleString());      //转为:本地时间的字符串
		document.write("<br>"+ t.toGMTString());         //转为:格林威治时间的字符串

		document.write("<br>"+ Date.parse(t));      //转为:本地时间的字符串
		document.write("<br>"+ Date.UTC(t));        //返回从1970-01-01到gmt时间的毫秒数

	</script>
	
	<h1>
	<center>
		<div id="show"></div>
	</center>
	<h1>
  
 </body>
</html>

 

转载于:https://www.cnblogs.com/momogua/p/8304351.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值