时间:2021-05-26
项目结构:
运行效果:
=========================================================
代码部分:
=========================================================
/Clock/WebContent/index.jsp
复制代码 代码如下:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="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" "http://)
*
* @returns
*/
function Clock() {
var date = new Date();
this.year = date.getFullYear();
this.month = date.getMonth() + 1;
this.date = date.getDate();
this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
// 日期:2012-12-31-17:03:18 星期一
this.toString = function() {
return "日期:" + this.year + "-" + this.month + "-" + this.date + "-" + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
};
// 2012-12-31
this.toSimpleDate = function() {
return this.year + "-" + this.month + "-" + this.date;
};
// 2012-12-31 17:04:03
this.toDetailDate = function() {
return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second;
};
this.display = function(ele) {
var clock = new Clock();
ele.innerHTML = clock.toString();
window.setTimeout(function() {
clock.display(ele);
}, 1000);
};
}
// <span id="clock"> </span>
var clock = new Clock();
clock.display(document.getElementById("clock"));
我个人认为这个在web中很实用...所以推荐给大家啦...
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
javascript自动刷新页面代码,下面是一段代码实现此功能:
本文实例讲述了javascript的tab切换原理与效果实现方法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:#container{border:
本文实例为大家分享了Javascript下拉刷新的简单实现代码,供大家参考,具体内容如下Html相关代码努力加载中...下拉刷新下拉刷新下拉刷新下拉刷新下拉刷新
本文实例讲述了JavaScript实现节点的删除与序号重建。分享给大家供大家参考。具体如下:这里演示JavaScript节点的删除与重建方法,删除节点后,会自动
实现原理:加载index.htm时候,每隔1秒钟自动调用脚本刷新框架页面代码代码优点:只需要设置index.html框架页面中的脚本,调用加载的子页面中不需要设