用JS实现实时显示系统时间

废话我就不多说了,直接上图和代码了

效果图:

用JS实现实时显示系统时间

代码视图:

用JS实现实时显示系统时间

下面为大家附上代码,复制即可用:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS时间</title>
<style>
</style>        
</head>
<body>
<div id="time"></div>
<script type="text/javascript">
function time(){
var vWeek,vWeek_s,vDay;
vWeek = ["星期天","星期一","星期二","星期三","星期四","星期五","星期六"];
var date =  new Date();
year = date.getFullYear();
month = date.getMonth() + 1;
day = date.getDate();
hours = date.getHours();
minutes = date.getMinutes();
seconds = date.getSeconds();
vWeek_s = date.getDay();
document.getElementById("time").innerHTML = year + "年" + month + "月" + day + "日" + "\t" + hours + ":" + minutes +":" + seconds + "\t" + vWeek[vWeek_s] ; };
setInterval("time()",1000); </script>
</body>
</html>

如果有错误或者有更好的方法实现效果,欢迎您来指导!!!

上一篇:Android开发中Chronometer的用法


下一篇:css3 中的transition和transform