获取电脑日期时间代码段

最新推荐文章于 2021-07-21 02:16:48 发布

tb3706666

最新推荐文章于 2021-07-21 02:16:48 发布

阅读量2.1k

点赞数 2

分类专栏： Web前端

本文链接：https://blog.csdn.net/tb3706666/article/details/78353751

版权

Web前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

获取电脑日期时间代码段1

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>获取电脑日期时间</title>
		<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
	</head>
	<body>
		
		<div class="date" style="position: absolute;right: 20px;top: 0;width: 200px;height: 100%;">
				<div class="header_time" style="width: 100%;text-align: center;height: 40px;line-height: 40px;font-size: 36px;letter-spacing: 6px;font-family: inherit;"></div>
				<div class="header_day" style="	width: 100%;text-align: center;height: 20px;line-height: 20px;font-size: 16px;"></div>
		</div> 
<script>
			$(function(){
                setInterval('date1()',500)
			})	
			function date1(){
				var date = new Date();
                this.year = date.getFullYear();
                this.month = date.getMonth() + 1;
                this.date = date.getDate();
                this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
                this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
                this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
                this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
                var currentDay = this.year + "年" + this.month + "月" + this.date + "日 " + " " + this.day;
                var currentTime= this.hour + ":" + this.minute + ":" + this.second;
                $('.header_time').html(currentTime);
                $('.date .header_day').html(currentDay);
			}
		</script>
	</body>
</html>

获取电脑日期时间代码段2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取当前系统日期及时间</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
$(function time(){
{
 var today = new Date(); //获得当前时间
 //获得年、月、日，Date()函数中的月份是从0－11计算
 var year = today.getFullYear();  
 var month = today.getMonth()+1;
 var date = today.getDate();
 var hour = today.getHours();  //获得小时、分钟、秒
 var minute = today.getMinutes();
 var second = today.getSeconds();
 
 var weekday = 0;
 switch(today.getDay()){
    case 0:
  	weekday = " 星期日";
	break;
    case 1:
  	weekday = " 星期一";
	break;
	case 2:
  	weekday = " 星期二";
	break;
	case 3:
  	weekday = " 星期三";
	break;
	case 4:
  	weekday = " 星期四";
	break;
	case 5:
  	weekday = " 星期五";
	break;
	case 6:
  	weekday = " 星期六";
	break;
 }
/*秒数若小于10；则添加一个0,大于则去除;*/
var second01;
 if(second<10){
	 second01=0;
	 }else{
		 second01="";
		 }
/*分数若小于10；则添加一个0,大于则去除;*/ 
var minute01;
 if(minute<10){
	 minute01=0;
	 }else{
		 minute01="";
		 }
		 
  /*设置div的内容为当前时间*/
 document.getElementById("myclock").innerHTML="<h3>"+year+"年 "+month+"月 "+date+"日 "+weekday+"&nbsp;"+hour+":"+minute01+minute+":"+second01+second+"&nbsp;</h3>";
}
/*使用setInterval()每间隔指定毫秒后time*/
var myTime=setInterval(time,1000);
})
</script>
</head>
<body>
<span id="myclock"></span>
</body>
</html>

另外扩展一个在线功能性的日历可以看下:http://bjtime.cn/