关注重工黑大帅,学习不迷路
先看效果图:
style.css:
#timeshow{
font-size: 60px;
color: aqua;
margin-left: 350px;
/* text-align: center;*/
padding-top: 300px;
}
#timeshow:link{
color: yellow;
font-size: 40px;
}
#timeshow:hover{
color: red;
transition: all 1s;
/* transform: rotate3d(10px 20px 30px);*/
}
#timeshow:visited{
color: blue;
/* transform: rotate3d(10px 20px 30px);*/
}
index.html:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<!--<meta http-equiv="Refresh" content="20">-->
<title>获取系统当前时间</title>
<meta name="Keywords" content="">
<meta name="Description" content="">
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<span id="timeshow">0000 年 00 月 00 日 星期0 00:00:00</span>
<!--<div id="time"></div>-->
<script src="javascript/web.js"></script>
</body>
</html>
web.js:
function timeGo(){
var mytime = new Date();
var myyear = mytime.getFullYear();
var mymonth = mytime.getMonth()+1;
var mydate = mytime.getDate();
var myday = mytime.getDay();
var day_xq = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
myday = day_xq[myday];
var myhour = mytime.getHours();
myhour<10?myhour = "0"+myhour:myhour;
var myminute = mytime.getMinutes();
myminute<10?myminute= "0"+myminute:myminute;
var mysecond = mytime.getSeconds();
mysecond<10?mysecond= "0"+mysecond:mysecond;
var res = myyear+"年"+mymonth+"月"+mydate+"日 "+myday+" "+myhour+":"+myminute+":"+mysecond;
document.getElementById("timeshow").innerHTML = res;
}
var myset = setInterval(function(){
timeGo();
},1000);