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;}結果如圖:
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。