您的位置：首页 > Web前端 > JavaScript

html+js 在页面同步服务器时间

2016-08-22 11:14 225 查看

将以下的代码放置html页面中！

<!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=gb2312" />
<title></title>
</head>
<div id="showtimes"></div>
<script type="text/javascript" language="javascript">
function show_cur_times(){
//获取当前日期
var date_time = new Date();
//定义星期
var week;
//switch判断
switch (date_time.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;
default:week="星期天"; break;
}

//年
var year = date_time.getFullYear();
//判断小于10，前面补0
if(year<10){
year="0"+year;
}

//月
var month = date_time.getMonth()+1;
//判断小于10，前面补0
if(month<10){
month="0"+month;
}

//日
var day = date_time.getDate();
//判断小于10，前面补0
if(day<10){
day="0"+day;
}

//时
var hours =date_time.getHours();
//判断小于10，前面补0
if(hours<10){
hours="0"+hours;
}

//分
var minutes =date_time.getMinutes();
//判断小于10，前面补0
if(minutes<10){
minutes="0"+minutes;
}

//秒
var seconds=date_time.getSeconds();
//判断小于10，前面补0
if(seconds<10){
seconds="0"+seconds;
}

//拼接年月日时分秒
var date_str = year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+" "+week;

//显示在id为showtimes的容器里
document.getElementById("showtimes").innerHTML= date_str;

}

//设置1秒调用一次show_cur_times函数
setInterval("show_cur_times()",100);
</script>
<body>
</body>
</html>

,, 将上面的代码复制完以后大家来看看浏览器中的效果吧！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航