<!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>JS实现的动态显示时间</title>
<script type="text/javascript">
function timer(){
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var week;
switch (date.getDay()) {
case 1 :
week = "一";
break;
case 2:
week = "二";
break;
case 3:
week = "三";
break;
case 4:
week = "四";
break;
case 5:
week = "五";
break;
case 6:
week = "六";
break;
case 7:
week = "日";
}
var hours = date.getHours();
var minutes = date.getMinutes();
var second = date.getSeconds();
// 格式化文字,美观作用
if(month < 10){
month = "0" + month;
}
if(day < 10){
day = "0" + day;
}
if(hours < 10){
hours = "0" + hours;
}
if(minutes < 10){
minutes = "0" + minutes;
}
if(second < 10){
second = "0" + second;
}
var dataTime = year + "年" + month + "月"+ day +"日" + "星期" + week + " " + hours + ":" + minutes + ":" + second;
var divTime = document.getElementById("time");
divTime.innerHTML = dataTime;
}
// 表示每隔1s执行一次函数,用于刷新页面时间
window.setInterval("timer()",1000);
</script>
<style type="text/css">
body {
font-size: 36px;
}
</style>
</head>
<body>
<div id="time"></div>
</body>
</html>
JS实现的动态显示时间
最新推荐文章于 2024-08-06 23:12:50 发布