javascript時間差插件分享
編輯：關於JavaScript
javascript時間差插件分享，供大家參考，具體內容如下
Html如下:
<html>
<head>
<title></title>
<script src="js/TimeDifference.js" type="text/javascript"></script>
<script src="js/jquery-1.10.2-min.js" type="text/javascript"></script>
</head>
<body>
<h2>該插件發布時間：<small id="allDemo"></small> </h2>
<script type="text/javascript">
$("#allDemo").text(timeDifference("2016-06-05 10:11:00"));
</script>
<font color="red" id="demo1Font">2016-06-03 10:20:23 </font><br>
距離目前時間差：
<strong><font color="red"><span id="timeDifferenceDemo1"></span></font></strong><br>
<font color="red" id="demo2Font">2016-06-07 10:02:23 </font><br>
距離目前時間差：
<strong><font color="red"><span id="timeDifferenceDemo2"></span></font></strong>
</body>
<script type="text/javascript">
$(document).ready(function(){
//2016-5-3 10:20:23
var demo1Result=timeDifference($("#demo1Font").text());
$("#timeDifferenceDemo1").text(demo1Result);
$("#timeDifferenceDemo2").text(timeDifference($("#demo2Font").text()));
});
</script>
</html>
TimeDifference.js代碼如下:
/**
* 函數使用說明：
* 1、直接調用函數 TimeDifference()
* 返回說明： 返回距離當前的時間差
* */
function timeDifference(tmpTime) {
var mm=1000;//1000毫秒 代表1秒
var minute = mm * 60;
var hour = minute * 60;
var day = hour * 24;
var month = day * 30;
var ansTimeDifference=0;//記錄時間差
var tmpTimeStamp = tmpTime ? Date.parse(tmpTime.replace(/-/gi, "/")) : new Date().getTime();//將 yyyy-mm-dd H:m:s 進行正則匹配
var nowTime = new Date().getTime();//獲取當前時間戳
var tmpTimeDifference = nowTime - tmpTimeStamp;//計算當前與需要計算的時間的時間戳的差值
if (tmpTimeDifference < 0) { //時間超出，不能計算
alert("開始日期大於結束日期，計算失敗！");
return 0;
}
/**
* 通過最開始強調的各個時間段用毫秒表示的數值，進行時間上的取整，為0的話，則沒有到達
* */
var DifferebceMonth = tmpTimeDifference / month; //進行月份取整
var DifferebceWeek = tmpTimeDifference / (7 * day);//進行周取整
var DifferebceDay = tmpTimeDifference / day;//進行天取整
var DifferebceHour = tmpTimeDifference / hour;//進行小時取整
var DifferebceMinute = tmpTimeDifference / minute;//進行分鐘取整
if (DifferebceMonth >= 1) {
return tmpTime; //大於一個月 直接返回時間
} else if (DifferebceWeek >= 1) {
ansTimeDifference= parseInt(DifferebceWeek) + "個星期前";
} else if (DifferebceDay >= 1) {
ansTimeDifference = parseInt(DifferebceDay) + "天前";
} else if (DifferebceHour >= 1) {
ansTimeDifference = parseInt(DifferebceHour) + "個小時前";
} else if (DifferebceMinute >= 1) {
ansTimeDifference = parseInt(DifferebceMinute) + "分鐘前";
} else {
ansTimeDifference = "剛剛";
}
return ansTimeDifference;
}
結果如圖:
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持。
小編推薦
熱門推薦