服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - javascript学习笔记(三)显示当时时间的代码

javascript学习笔记(三)显示当时时间的代码

2021-01-24 17:10JavaScript教程网 JavaScript

javascript学习笔记(三)显示当时时间的代码,主要是为了熟悉javascript中在date对象,大家可以看下。

html代码如下:

复制代码 代码如下:


<div id="showTime"></div>


javascript 代码如下:时间显示格式为:2011-04-04 星期二 12:09:34

复制代码 代码如下:


function startTime() {
try{
var today = new Date();
var year = today.getFullYear();
var month = checkNum(today.getMonth()+1);
var date = checkNum(today.getDate());
var day = today.getDay();
var hour = checkNum(today.getHours());
var minute = checkNum(today.getMinutes());
var second = checkNum(today.getSeconds());
switch(day) {
case 1:
day = "一";
break;
case 2:
day = "二";
break;
case 3:
day = "三";
break;
case 4:
day = "四";
break;
case 5:
day = "五";
break;
case 6:
day = "六";
break;
case 7:
day = "日";
break;
}
var fullTime = year+"-"+month+"-"+date+" "+"星期"+day+" "+hour+":"+minute+":"+second;
document.getElementById("showTime").innerHTML = fullTime;
setInterval('startTime()', 1000);
}catch(e) {
alert(e.description);
}
}
function checkNum(num) {
if(num<10) {
num = "0"+num;
}
return num;
}

延伸 · 阅读

精彩推荐