给出两个日期，算出他们相差多少（精确到秒哟） - 网页特效代码演示

Wt:耽恋网页特效教程耽恋免费资源站 Dt:2008-06-19

要完成此效果把如下代码加入到<body>区域中

Begin
function isValidDate(dateStr) {
// Date validation function courtesty of 
// Sandeep V. Tamhankar (stamhankar@hotmail.com)

// Checks for the following valid date formats:
// MM/DD/YY   MM/DD/YYYY   MM-DD-YY   MM-DD-YYYY

var datePat = /^(\d{1,2})(\/|-)(\d{1,2})\2(\d{4})$/; // requires 4 digit year

function isValidTime(timeStr) {
// Time validation function courtesty of 
// Sandeep V. Tamhankar (stamhankar@hotmail.com)

// Checks if time is in HH:MM:SS AM/PM format.
// The seconds and AM/PM are optional.

var timePat = /^(\d{1,2}):(\d{2})(:(\d{2}))?(\s?(AM|am|PM|pm))?$/;

var matchArray = timeStr.match(timePat);
if (matchArray == null) {
alert("Time is not in a valid format.");
return false;
}
hour = matchArray[1];
minute = matchArray[2];
second = matchArray[4];
ampm = matchArray[6];

if (second=="") { second = null; }
if (ampm=="") { ampm = null }

if (hour < 0  || hour > 23) {
alert("Hour must be between 1 and 12. (or 0 and 23 for military time)");
return false;
}
if (hour <= 12  &&  ampm == null) {
if (confirm("Please indicate which time format you are using.  OK = Standard Time, CANCEL =

Military Time")) {
alert("You must specify AM or PM.");
return false;
   }
}
if  (hour > 12  &&  ampm != null) {
alert("You can't specify AM or PM for military time.");
return false;
}
if (minute < 0 || minute > 59) {
alert ("Minute must be between 0 and 59.");
return false;
}
if (second != null  &&  (second < 0 || second > 59)) {
alert ("Second must be between 0 and 59.");
return false;
}
return true;
}

function dateDiff(dateform) {
date1 = new Date();
date2 = new Date();
diff  = new Date();

if (isValidDate(dateform.firstdate.value)  &&  isValidTime(dateform.firsttime.value)) { //

Validates first date 
date1temp = new Date(dateform.firstdate.value + " " + dateform.firsttime.value);
date1.setTime(date1temp.getTime());
}
else return false; // otherwise exits

if (isValidDate(dateform.seconddate.value)  &&  isValidTime(dateform.secondtime.value)) { //

Validates second date 
date2temp = new Date(dateform.seconddate.value + " " + dateform.secondtime.value);
date2.setTime(date2temp.getTime());
}
else return false; // otherwise exits

// sets difference date to difference of first date and second date

diff.setTime(Math.abs(date1.getTime() - date2.getTime()));

timediff = diff.getTime();

weeks = Math.floor(timediff / (1000 * 60 * 60 * 24 * 7));
timediff -= weeks * (1000 * 60 * 60 * 24 * 7);

days = Math.floor(timediff / (1000 * 60 * 60 * 24)); 
timediff -= days * (1000 * 60 * 60 * 24);

hours = Math.floor(timediff / (1000 * 60 * 60)); 
timediff -= hours * (1000 * 60 * 60);

mins = Math.floor(timediff / (1000 * 60)); 
timediff -= mins * (1000 * 60);

secs = Math.floor(timediff / 1000); 
timediff -= secs * 1000;

dateform.difference.value = weeks + " 星期, " + days + " 天, " + hours + "　小时, " + mins + " 分

, " + secs + " 秒";

return false; // form should never submit, returns false
}
//  End 
</script>
<form onSubmit="return dateDiff(this);">
<table>
<tr><td>
<pre>
起始日期:  Date: <input type=text name=firstdate value="" size=10 maxlength=10>  (格式为：月月/日

日/年年年年)
          Time: <input type=text name=firsttime value="" size=10 maxlength=10>  (格式为：时时:分

分:秒秒am/pm)

结束日期:  Date: <input type=text name=seconddate value="" size=10 maxlength=10>  (格式为：月月/

日日/年年年年)
          Time: <input type=text name=secondtime value="" size=10 maxlength=10>  (格式为：时时:分

分:秒秒am/pm)

<center><input type=submit value="二者之差">
二者之差为: