javascript显示动态时间24小时制+外包引用（一）

最新推荐文章于 2024-08-12 14:30:04 发布

ngchihong

最新推荐文章于 2024-08-12 14:30:04 发布

阅读量1.2k

点赞数 1

分类专栏： javascript 文章标签：函数动态调用时间

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

function showtime() {
		var today = new Date();
		var Clock = document.getElementById('Clock');
		var hour = today.getHours();
		//取得月份数字是0-11
		var minute = today.getMinutes() + 1;
		var second = today.getSeconds();
		//若用getYear()会显示错误 2016会变成116
		var year = today.getFullYear();
		var month = today.getMonth();
		var date = today.getDate();
		//会获取0-6数字，0代表星期天
		var n_day = today.getDay();
		switch (n_day) {
		case 0: {
			strDate = "星期日"
		}
			break;
		case 1: {
			strDate = "星期一"
		}
			break;
		case 2: {
			strDate = "星期二"
		}
			break;
		case 3: {
			strDate = "星期三"
		}
			break;
		case 4: {
			strDate = "星期四"
		}
			break;
		case 5: {
			strDate = "星期五"
		}
			break;
		case 6: {
			strDate = "星期六"
		}
			break;
		case 7: {
			strDate = "星期日"
		}
			break;
		}

		//将10以内的设置为双位数
		if (hour < 10) {
			hour = "0" + hour + ":";
		} else {
			hour = hour + ":";
		}
		if (minute < 10) {
			minute = "0" + minute + ":";
		} else {
			minute = minute + ":";
		}
		if (second < 10) {
			second = "0" + second + " ";
		} else {
			second = second + " ";
		}
		var timestring = year + "年" + month + "月" + date + "日" + " " + strDate
				+ " " + hour + minute + second;

		Clock.innerHTML = timestring;
		//每隔1000ms刷新一次
		setTimeout("showtime()", 1000);
		}

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>引用外包显示动态时间</title>
<cript language="JavaScript">
	
<!-- 在UTF-8页面中引入编码为GBK的JavaScript文件乱码问题了，可以使用如下方式： -->
<script type="text/javascript" src="javascript/date.js" charset="gb2312"></script>
<style type="text/css">
<!-- 绝对路径表示模块位置 -->
span {
	
	position: absolute;
	left=0;
	top=0;
}
</style>
</head>

<body οnlοad="showtime()">
	<span id="Clock" align="center" style="font-size: 24; color:"black"></span>
</body>
</html>