JS中对时间的基本操作测试

最新推荐文章于 2023-06-25 11:31:10 发布

丢失的猫咪

最新推荐文章于 2023-06-25 11:31:10 发布

阅读量449

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/zhou6282610/article/details/68942209

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JS中的时间操作方法如下：

var myDate = new Date();
myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期
var mytime=myDate.toLocaleTimeString(); //获取当前时间
myDate.toLocaleString( ); //获取日期与时间

Html测试页面代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="./plugin/jquery-3.2.0.min.js"></script>
<title>JS时间</title>
<script type="text/javascript">
	var date = new Date();
	function yearFun(){
		$("#year").html(date.getYear() + "年");
	}
	
	function fullYearFun(){
		$("#fullYear").html(date.getFullYear() + "年");
	}
	
	function monthFun(){
		$("#month").html((date.getMonth() + 1) + "月");
	}
	
	function dateFun(){
		$("#date").html(date.getDate() + "日");
	}
	
	function dayFun(){
		var day = date.getDay();
		switch(day){
			case 0:
			$("#day").html("星期天");
			break;
			case 1:
			$("#day").html("星期一");
			break;
			case 2:
			$("#day").html("星期二");
			break;
			case 3:
			$("#day").html("星期三");
			break;
			case 4:
			$("#day").html("星期四");
			break;
			case 5:
			$("#day").html("星期五");
			break;
			case 6:
			$("#day").html("星期六");
			break;
		}
	}
	
	function timeFun(){
		$("#time").html(date.getTime() + "ms");
	}
	
	function hoursFun(){
		$("#hours").html(date.getHours() + "时");
	}
	
	function minutesFun(){
		$("#minutes").html(date.getMinutes() + "分");
	}
	
	function secoundFun(){
		$("#secound").html(date.getSeconds() + "秒");
	}
	
	function milliSecondsFun(){
		$("#milliSeconds").html(date.getMilliseconds() + "毫秒");
	}
	
	function localDateFun(){
		$("#localDate").html(date.toLocaleDateString() );
	}
	
	function localTimeFun(){
		$("#localTime").html(date.toLocaleTimeString());
	}
	
	function localFun(){
		$("#local").html(date.toLocaleString( ));
	}
	
	
</script>
</head>
<body>
	<div>获取当前年份（2位，当前年-1900）：<b><span id="year" style="color:red"></span></b></div>
	<button οnclick="yearFun()" >点击</button>
	
	<div>获取完整年份（4位，1970~？？？？）：<b><span id="fullYear" style="color:red"></span></b></div>
	<button οnclick="fullYearFun()" >点击</button>
	
	<div>获取当前月份（0~11，0代表1月）：<b><span id="month" style="color:red"></span></b></div>
	<button οnclick="monthFun()" >点击</button>
	
	<div>获取当前日（1~31）：<b><span id="date" style="color:red"></span></b></div>
	<button οnclick="dateFun()" >点击</button>
	
	<div>获取当前星期X（0~6，0代表星期天）：<b><span id="day" style="color:red"></span></b></div>
	<button οnclick="dayFun()" >点击</button>
	
	<div>获取当前时间（从1970.1.1开始的毫秒数）：<b><span id="time" style="color:red"></span></b></div>
	<button οnclick="timeFun()" >点击</button>
	
	<div>获取当前小时数（0~23）：<b><span id="hours" style="color:red"></span></b></div>
	<button οnclick="hoursFun()" >点击</button>
	
	<div>获取当前分钟数（0~59）：<b><span id="minutes" style="color:red"></span></b></div>
	<button οnclick="minutesFun()" >点击</button>
	
	<div>获取当前毫秒数（0~999）：<b><span id="milliSeconds" style="color:red"></span></b></div>
	<button οnclick="milliSecondsFun()" >点击</button>
	
	<div>获取当前日期：<b><span id="localDate" style="color:red"></span></b></div>
	<button οnclick="localDateFun()" >点击</button>
	
	<div>获取当前时间：<b><span id="localTime" style="color:red"></span></b></div>
	<button οnclick="localTimeFun()" >点击</button>
	
	<div>获取当前日期与时间：<b><span id="local" style="color:red"></span></b></div>
	<button οnclick="localFun()" >点击</button>
</body>
</html>

将毫秒时间转换为标准时间格式：

function getYMD(time, format){
    	var myTime = new Date(time);
    	var timeFun = function(i){return (i < 10 ? '0' : '') + i};
    	return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function(a){
        switch(a){
            case 'yyyy':
                return timeFun(myTime.getFullYear());
                break;
            case 'MM':
                return timeFun(myTime.getMonth() + 1);
                break;
            case 'mm':
                return timeFun(myTime.getMinutes());
                break;
            case 'dd':
                return timeFun(myTime.getDate());
                break;
            case 'HH':
                return timeFun(myTime.getHours());
                break;
            case 'ss':
                return timeFun(myTime.getSeconds());
                break;
        	}
    	})
	}

丢失的猫咪

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS中对时间的基本操作测试

JS中的时间操作方法如下：var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.ge
复制链接

扫一扫

专栏目录