JavaScript基础(9)—Date对象(1)

最新推荐文章于 2022-07-11 23:12:00 发布

msirene

最新推荐文章于 2022-07-11 23:12:00 发布

阅读量219

点赞数

分类专栏： Javasprict

本文链接：https://blog.csdn.net/msirene/article/details/23974319

版权

Javasprict 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>javascript013.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript">
	 /*
	   JS基于对象
	 */
	 //创建的日期对象
	 //var date = new Date();
	   //日期对象，调用toLocaleString()
	 //alert(date.toLocaleString());
	 /*
	   单独的获取某个日期的值
	   获取功能上，函数名都是以get开头
	 */
	 //alert(date.getFullYear());
	 //alert(date.getMonth()+1);
	 //alert(date.getDay());
	 //alert(date.getHours());
	 //alert(date.getMinutes());
	 //alert(date.getSeconds());
	 //alert(date.getMilliseconds());
	 //alert(date.getTime());
	</script>
	
	<script type="text/javascript">
	/*
	  将一个，符合阅读习惯的日期格式，直接显示在网页上，不能使用弹出框
	  
	  实现思路：
	    1. 获取到当前的日期对象
		2. 将年月日时分秒，分别获取出来，拼接成字符串的样式
		3. 完成时间走动，每秒中，调用一次这个函数getDateDemo()
		
	  扩展：
	   DOM技术来完成
	    window.setInterval(代码,时间间隔)
	*/
	function getDateDemo() {
		// alert("!!!");
		// 第一步
		var date = new Date();
		// 第二步 首先获取年份
		var year = date.getFullYear();
		// 获取月份
		var month = date.getMonth() + 1;
		// 获取月中的天数
		var day = date.getDate();
		// 获取星期
		var week = date.getDay();
		// 获取小时
		var hours = date.getHours();
		// 获取分钟
		var minutes = date.getMinutes();
		// 获取秒
		var second = date.getSeconds();
		// 获取毫秒值
		var mSecond = date.getMilliseconds();
		// 将获得日期对象中的元素，拼接成字符串
		// alert(second);
	
		// 2013年8月3日 20:33:33
	
		// 对月份和日进行判断
		if (month < 10) {
			month = "0" + month;
		}
		if (day < 10) {
			day = "0" + day;
		}
		var dataTime = year + "年" + month + "月" + day + "日 星期" + week + "  "
				+ hours + " 时" + minutes + "分" + second + "秒 " + mSecond;
		// document.write(dataTime);
		// alert(dataTime);
		// DOM获取节点方法，找到div节点标签document.getElementsById();
		var divNode = document.getElementById("time");
		divNode.innerHTML = dataTime;
		//
	
	}
	// getDateDemo();
	window.setInterval("getDateDemo()", 1);
	</script>
	<style type="text/css">
	 body{
		 font-size:36px;
		 color:#666;
		}
	 #time{
	   width:670px;
	   float:left;
	 }
	</style>
  </head>
  
  <body>
     <div id="time"></div><span>毫秒</span>
  </body>
</html>

msirene

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础(9)—Date对象(1)

javascript013.html --> /* JS基于对象 */ //创建的日期对象 //var date = new Date(); //日期对象，调用toLocaleString() //alert(date.toLocaleString()); /* 单独的获取某个日期的值
复制链接

扫一扫