给网站首页添加系统时间
<div id="showtimes" style="text-align:right;">
<script language="javascript">show_cur_times();</script>
</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()", 1000);
</script>
总结:
1.这里是对javascript Date对象的应用
2.主要使用Date对象的getDay(),getFullYear(),getMonth(),getDate()等方法进行拼接从而显示出想要的时间格式
3.javascript Date对象使用详解:http://www.w3school.com.cn/jsref/jsref_obj_date.asp

浙公网安备 33010602011771号