獲取電腦日期時間代碼段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+" "+hour+":"+minute01+minute+":"+second01+second+" </h3>";
}
/*使用setInterval()每間隔指定毫秒後time*/
var myTime=setInterval(time,1000);
})
</script>
</head>
<body>
<span id="myclock"></span>
</body>
</html>
另外擴展一個在線功能性的日曆可以看下:http://bjtime.cn/