在页面显示日期和当前时间,可以读秒

需要写一个自定义的插件(jquery-timer-1.0.js)


/**
 * jQuery日期插件
 * 匿名函数
 */
(function($) {
	/** 为jQuery添加对象的方法 */
	$.prototype.test1=function(){
		this.html("dddd");
	}
	/** 为jQuery批量添加对象的方法 */
	$.fn.extend({
		runtime:function(){
			/** 创建日期对象 */
			var d = new Date();
			/** 定义数组封装数据 */
			var arr = new Array();
			/** 获取年*/
			arr.push(d.getFullYear()+"年");
			/** 获取月0-11月*/
			arr.push($.calc(d.getMonth()+1)+"月");
			/** 获取日*/
			arr.push($.calc(d.getDate())+"日");
			/** 获取星期0-6,要用数组来封装,通过角标来判断星期几*/
			var week =$.weeks[d.getDay()];
			arr.push(" "+week+" ");
			/** 获取小时*/
			arr.push($.calc(d.getHours())+":");
			/** 获取分钟*/
			arr.push($.calc(d.getMinutes())+":");
			/** 获取秒*/
			arr.push($.calc(d.getSeconds()));
			
			this.html(arr.join(""));
			var t =this
			/** 开启定时器*/
			setTimeout(function() {
				t.runtime();
			}, 1000);
		},
		
	});
	/** 为jQuery添加静态的方法*/
	$.extend({
		weeks:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],
		calc :function(str){
			return str>9?str:"0"+str;
		}
	});
})(jQuery);

写一个jsp页面,在页面中要引入自定义的插件


<%@ page language="java" contentType="text/html;charset=utf-8" pageEncoding="UTF-8"%>


  
  	办公管理系统
	
	
	
	
	
	
	
	
	
	
	
	引入插件
	
  

 
	
安全退出 密码修改
${session_user.name } 您好,  

写完即可运行测试



你可能感兴趣的:(项目(ssh)--OA办公系统,插件,函数,网页显示当前时间)