最近遇到一个新项目,涉及到多个页面需要时间初始化,想了半天终于想到一个超级简单的方法,可以作为公共部分使用,也可单独放在页面使用。
上代码:
function getTime(){
var show=document.getElementById("showdate");
show.innerHTML="初始化时间: "+'1990-1-1';
}
window.onload=function(){
getTime();
}
将以上代码放入js中,然后在你需要的页面里引入id:showdate
<div id="showdate"></div>
一个简单的初始化日期就完成了
效果图:
拓展:获取当前系统时间
function getTime(){
var date=new Date();
var year=date.getFullYear();//得到当前年份
var month=editTime(date.getMonth()+1);//得到当前月份
var day=editTime(date.getDate());//得到当前几号
var hour=editTime(date.getHours());//得到当前小时
var min=editTime(date.getMinutes());//得到当前分钟
var seconds=editTime(date.getSeconds());//得到当前秒
var weeks=date.getDay();
var week;
switch(weeks){
case 0:
week="星期日";
break;
case 1:
week="星期一";
break;
case 2:
week="星期二";
break;
case 3:
week="星期三";
break;
case 4:
week="星期四";
break;
case 5:
week="星期五";
break;
case 6:
week="星期六";
break;
}
var show=document.getElementById("showdate");
show.innerHTML="当前系统时间是: "+year+"-"+month+"-"+day+" "+hour+":"+min+":"+seconds+" "+week;
setTimeout('getTime()',1000);
}
function editTime(i){
if(i<10){
i="0"+i;
}
return i;
}
window.onload=function(){
getTime();
}
同理引入相应的id
效果图:
生命不息,折腾不止,我是runboom,小菜鸡一枚,请大家多读指正。