Javascript实现获取系统当前时间功能
关注重工黑大帅,学习不迷路
先看效果图:

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:
<html>
<head>
<meta charset="utf-8">
<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:00span>
<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);
您的点赞和关注是我学习的强大动力之一
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
