<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401//EN" ";
代码已经贴上，希望对您有帮助
按照以下步骤来：
1、获取当前日期
2、生成日期字符串
3、显示
准备好一张数字的：
代码
<style type="text/css">
/ css /
num_0, num_1, num_2, num_3, num_4, num_5, num_6, num_7, num_8, num_9 { background:url(numbersgif) no-repeat 0 0; display:inline-block; width:40px; height:40px; }
num_1 { background-position:-40px 0; }
num_2 { background-position:-80px 0; }
num_3 { background-position:-120px 0; }
num_4 { background-position:-160px 0; }
num_5 { background-position:-200px 0; }
num_6 { background-position:-240px 0; }
num_7 { background-position:-280px 0; }
num_8 { background-position:-320px 0; }
num_9 { background-position:-360px 0; }
</style>
<div id="dis"></div>
<script>
var date=new Date(),
str=''+dategetFullYear()+(dategetMonth()+1)+dategetDate(),
i=0,
len=strlength,
html=[];
for(; i<len; i++)
htmlpush('<span class="num_'+str[i]+'"> </span>');
documentgetElementById('dis')innerHTML=htmljoin('');
</script>
运行
运行后，js代码会添加一些元素到页面上，会生成如图所示的结构：
看下页面显示效果：
显示是通过样式表完成的。
这样子就实现一个比较简单的日期显示功能。希望可以帮到您。
Js获取当前日期时间及其它 *** 作
var myDate = new Date();
myDategetYear(); //获取当前年份(2位)
myDategetFullYear(); //获取完整的年份(4位,1970-)
myDategetMonth(); //获取当前月份(0-11,0代表1月)
myDategetDate(); //获取当前日(1-31)
myDategetDay(); //获取当前星期X(0-6,0代表星期天)
myDategetTime(); //获取当前时间(从197011开始的毫秒数)
myDategetHours(); //获取当前小时数(0-23)
myDategetMinutes(); //获取当前分钟数(0-59)
myDategetSeconds(); //获取当前秒数(0-59)
myDategetMilliseconds(); //获取当前毫秒数(0-999)
myDatetoLocaleDateString(); //获取当前日期
var mytime=myDatetoLocaleTimeString(); //获取当前时间
myDatetoLocaleString( ); //获取日期与时间
日期时间脚本库方法列表
DateprototypeisLeapYear 判断闰年
DateprototypeFormat 日期格式化
DateprototypeDateAdd 日期计算
DateprototypeDateDiff 比较日期差
DateprototypetoString 日期转字符串
DateprototypetoArray 日期分割为数组
DateprototypeDatePart 取日期的部分信息
DateprototypeMaxDayOfDate 取日期所在月的最大天数
DateprototypeWeekNumOfYear 判断日期所在年的第几周
StringToDate 字符串转日期型
IsValidDate 验证日期有效性
CheckDateTime 完整日期时间检查
daysBetween 日期天数差
js代码：
//---------------------------------------------------
// 判断闰年
//---------------------------------------------------
DateprototypeisLeapYear = function()
{
return (0==thisgetYear()%4&&((thisgetYear()%100!=0)||(thisgetYear()%400==0)));
}
//---------------------------------------------------
// 日期格式化
// 格式 YYYY/yyyy/YY/yy 表示年份
// MM/M 月份
// W/w 星期
// dd/DD/d/D 日期
// hh/HH/h/H 时间
// mm/m 分钟
// ss/SS/s/S 秒
//---------------------------------------------------
DateprototypeFormat = function(formatStr)
{
var str = formatStr;
var Week = ['日','一','二','三','四','五','六'];
str=strreplace(/yyyy|YYYY/,thisgetFullYear());
str=strreplace(/yy|YY/,(thisgetYear() % 100)>9(thisgetYear() % 100)toString():'0' + (thisgetYear() % 100));
str=strreplace(/MM/,thisgetMonth()>9thisgetMonth()toString():'0' + thisgetMonth());
str=strreplace(/M/g,thisgetMonth());
str=strreplace(/w|W/g,Week[thisgetDay()]);
str=strreplace(/dd|DD/,thisgetDate()>9thisgetDate()toString():'0' + thisgetDate());
str=strreplace(/d|D/g,thisgetDate());
str=strreplace(/hh|HH/,thisgetHours()>9thisgetHours()toString():'0' + thisgetHours());
str=strreplace(/h|H/g,thisgetHours());
str=strreplace(/mm/,thisgetMinutes()>9thisgetMinutes()toString():'0' + thisgetMinutes());
str=strreplace(/m/g,thisgetMinutes());
str=strreplace(/ss|SS/,thisgetSeconds()>9thisgetSeconds()toString():'0' + thisgetSeconds());
str=strreplace(/s|S/g,thisgetSeconds());
return str;
}
//+---------------------------------------------------
//| 求两个时间的天数差 日期格式为 YYYY-MM-dd
//+---------------------------------------------------
function daysBetween(DateOne,DateTwo)
{
var OneMonth = DateOnesubstring(5,DateOnelastIndexOf ('-'));
var OneDay = DateOnesubstring(DateOnelength,DateOnelastIndexOf ('-')+1);
var OneYear = DateOnesubstring(0,DateOneindexOf ('-'));
var TwoMonth = DateTwosubstring(5,DateTwolastIndexOf ('-'));
var TwoDay = DateTwosubstring(DateTwolength,DateTwolastIndexOf ('-')+1);
var TwoYear = DateTwosubstring(0,DateTwoindexOf ('-'));
var cha=((Dateparse(OneMonth+'/'+OneDay+'/'+OneYear)- Dateparse(TwoMonth+'/'+TwoDay+'/'+TwoYear))/86400000);
return Mathabs(cha);
}
//+---------------------------------------------------
//| 日期计算
//+---------------------------------------------------
DateprototypeDateAdd = function(strInterval, Number) {
var dtTmp = this;
switch (strInterval) {
case 's' :return new Date(Dateparse(dtTmp) + (1000 Number));
case 'n' :return new Date(Dateparse(dtTmp) + (60000 Number));
case 'h' :return new Date(Dateparse(dtTmp) + (3600000 Number));
case 'd' :return new Date(Dateparse(dtTmp) + (86400000 Number));
case 'w' :return new Date(Dateparse(dtTmp) + ((86400000 7) Number));
case 'q' :return new Date(dtTmpgetFullYear(), (dtTmpgetMonth()) +
Number3, dtTmpgetDate(), dtTmpgetHours(), dtTmpgetMinutes(),
dtTmpgetSeconds());
case 'm' :return new Date(dtTmpgetFullYear(), (dtTmpgetMonth()) +
Number, dtTmpgetDate(), dtTmpgetHours(), dtTmpgetMinutes(),
dtTmpgetSeconds());
case 'y' :return new Date((dtTmpgetFullYear() + Number),
dtTmpgetMonth(), dtTmpgetDate(), dtTmpgetHours(), dtTmpgetMinutes(),
dtTmpgetSeconds());
}
}
//+---------------------------------------------------
//| 比较日期差 dtEnd 格式为日期型或者有效日期格式字符串
//+---------------------------------------------------
DateprototypeDateDiff = function(strInterval, dtEnd) {
var dtStart = this;
if (typeof dtEnd == 'string' )//如果是字符串转换为日期型
{
dtEnd = StringToDate(dtEnd);
}
switch (strInterval) {
case 's' :return parseInt((dtEnd - dtStart) / 1000);
case 'n' :return parseInt((dtEnd - dtStart) / 60000);
case 'h' :return parseInt((dtEnd - dtStart) / 3600000);
case 'd' :return parseInt((dtEnd - dtStart) / 86400000);
case 'w' :return parseInt((dtEnd - dtStart) / (86400000 7));
case 'm' :return (dtEndgetMonth()+1)+((dtEndgetFullYear()-dtStartgetFullYear())12) - (dtStartgetMonth()+1);
case 'y' :return dtEndgetFullYear() - dtStartgetFullYear();
}
}
//+---------------------------------------------------
//| 日期输出字符串，重载了系统的toString方法
//+---------------------------------------------------
DateprototypetoString = function(showWeek)
{
var myDate= this;
var str = myDatetoLocaleDateString();
if (showWeek)
{
var Week = ['日','一','二','三','四','五','六'];
str += ' 星期' + Week[myDategetDay()];
}
return str;
}
//+---------------------------------------------------
//| 日期合法性验证
//| 格式为：YYYY-MM-DD或YYYY/MM/DD
//+---------------------------------------------------
function IsValidDate(DateStr)
{
var sDate=DateStrreplace(/(^\s+|\s+$)/g,''); //去两边空格;
if(sDate=='') return true;
//如果格式满足YYYY-(/)MM-(/)DD或YYYY-(/)M-(/)DD或YYYY-(/)M-(/)D或YYYY-(/)MM-(/)D就替换为''
//数据库中，合法日期可以是:YYYY-MM/DD(2003-3/21),数据库会自动转换为YYYY-MM-DD格式
var s = sDatereplace(/[\d]{ 4,4 }[\-/]{ 1 }[\d]{ 1,2 }[\-/]{ 1 }[\d]{ 1,2 }/g,'');
if (s=='') //说明格式满足YYYY-MM-DD或YYYY-M-DD或YYYY-M-D或YYYY-MM-D
{
var t=new Date(sDatereplace(/\-/g,'/'));
var ar = sDatesplit(/[-/:]/);
if(ar[0] != tgetYear() || ar[1] != tgetMonth()+1 || ar[2] != tgetDate())
{
//alert('错误的日期格式！格式为：YYYY-MM-DD或YYYY/MM/DD。注意闰年。');
return false;
}
}
else
{
//alert('错误的日期格式！格式为：YYYY-MM-DD或YYYY/MM/DD。注意闰年。');
return false;
}
return true;
}
//+---------------------------------------------------
//| 日期时间检查
//| 格式为：YYYY-MM-DD HH:MM:SS
//+---------------------------------------------------
function CheckDateTime(str)
{
var reg = /^(\d+)-(\d{ 1,2 })-(\d{ 1,2 }) (\d{ 1,2 }):(\d{ 1,2 }):(\d{ 1,2 })$/;
var r = strmatch(reg);
if(r==null)return false;
r[2]=r[2]-1;
var d= new Date(r[1],r[2],r[3],r[4],r[5],r[6]);
if(dgetFullYear()!=r[1])return false;
if(dgetMonth()!=r[2])return false;
if(dgetDate()!=r[3])return false;
if(dgetHours()!=r[4])return false;
if(dgetMinutes()!=r[5])return false;
if(dgetSeconds()!=r[6])return false;
return true;
}
//+---------------------------------------------------
//| 把日期分割成数组
//+---------------------------------------------------
DateprototypetoArray = function()
{
var myDate = this;
var myArray = Array();
myArray[0] = myDategetFullYear();
myArray[1] = myDategetMonth();
myArray[2] = myDategetDate();
myArray[3] = myDategetHours();
myArray[4] = myDategetMinutes();
myArray[5] = myDategetSeconds();
return myArray;
}
//+---------------------------------------------------
//| 取得日期数据信息
//| 参数 interval 表示数据类型
//| y 年 m月 d日 w星期 ww周 h时 n分 s秒
//+---------------------------------------------------
DateprototypeDatePart = function(interval)
{
var myDate = this;
var partStr='';
var Week = ['日','一','二','三','四','五','六'];
switch (interval)
{
case 'y' :partStr = myDategetFullYear();break;
case 'm' :partStr = myDategetMonth()+1;break;
case 'd' :partStr = myDategetDate();break;
case 'w' :partStr = Week[myDategetDay()];break;
case 'ww' :partStr = myDateWeekNumOfYear();break;
case 'h' :partStr = myDategetHours();break;
case 'n' :partStr = myDategetMinutes();break;
case 's' :partStr = myDategetSeconds();break;
}
return partStr;
}
JS获取的是本地电脑的日期时间格式，每个人电脑设置不一样，不一定都是24小时时间格式的。不过你可以用JS代码写输出成24小时时间格式。代码如下：
当前时间为：<span id="now"></span>
<script type="text/javascript">
//动态显示年月日时间和周几凌陈亮（QQ：57404811）
//显示当前时间的对象ID
gw_now('now');
function gw_now(id){
var obj=windowdocumentgetElementById(id);
var date=new Date();
var year=dategetFullYear();
var month=gw_now_addzero(dategetMonth()+1);
var day=gw_now_addzero(dategetDate());
var hour=gw_now_addzero(dategetHours());
var minute=gw_now_addzero(dategetMinutes());
var second=gw_now_addzero(dategetSeconds());
switch (dategetDay()) {
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
}
objinnerHTML=year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second + " " + week;
setTimeout("gw_now('" + id + "')",1000);
}
function gw_now_addzero(temp){
if(temp<10) return "0" + temp;
else return temp;
}
</script>
<script>
function tab(dayNum){
var oDate = new Date(); //获取当前时间
var dayArr = [oDate]; //定义一个数组存储所以时间
for(var i=0;i<dayNum;i++){
dayArrpush(new Date(oDategetFullYear(),oDategetMonth(),oDategetDate() + i)); //把未来几天的时间放到数组里
}
return dayArr; //返回一个数组。
}
alert(tab(5)); //函数调用。
</script>
function showTime() {
var now = new Date();
var nowTime = nowtoLocaleString();
var date = nowTimesubstring(0,10);//截取日期
var time = nowTimesubstring(10,20); //截取时间
var week = nowgetDay(); //星期
var hour = nowgetHours(); //小时
//判断星期几
var weeks = ["日","一","二","三","四","五","六"];
var getWeek = "星期" + weeks[week];
var sc;
//判断是AM or PM
if(hour >= 0 && hour < 5){
sc = '凌晨';
}
else if(hour > 5 && hour <= 7){
sc = '早上';
}
else if(hour > 7 && hour <= 11){
sc = '上午';
}
else if(hour > 11 && hour <= 13){
sc = '中午';
}
else if(hour> 13 && hour <= 18){
sc = '下午';
}
else if(hour > 18 && hour <= 23){
sc = '晚上';
}
documentgetElementById('time')innerHTML ="当前时间：" + date+" " + getWeek +" "+" "+sc+" "+time;
setTimeout('showTime()',1000);
}
</script>
调用方法:
<body onload="showTime()">
<div id="time"></div>
</body>
2简洁的办法: 显示格式: 当前时间： 2010年6月1日 10:00:00 星期一
<htmtl>
<head></head>
<body>
<div id="linkweb" style=" display:inline;"></div>
<script>
setInterval("documentgetElementById('linkweb')innerHTML=new Date ()toLocaleString()+' 星期'+'日一二三四五六'charAt(new Date()getDay ());",1000);
</script>
</body>
</html>
代码如下：
<script>documentwrite("<span id=time style=\"width:550px; height:25px;\" ></span>") //输出显示时间日期的容器
setInterval(function(){
with(new Date)
timeinnerText="网汇空间，今天是"+getFullYear()+"年"+(getMonth()+1)+"月"+getDate()+"日 星期"+"日一二三四五六"charAt(getDay())+" "+getHours()+":"+getMinutes()+":"+getSeconds()
},1000)
</script>
以上就是关于关于网页调用系统时间JS代码全部的内容，包括:关于网页调用系统时间JS代码、求一个js日期代码，需要在网页上输出的是图片，就是0-9的数字，替换成设计好的图片在网页上显示、js怎么获得数据库里的时间等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）