javascript動態(tài)獲取登錄時間和在線時長
更新時間:2016年02月25日 15:03:05 投稿:lijiao
這篇文章主要為大家詳細介紹了javascript動態(tài)獲取登錄時間和在線時長的相關資料,獲得登錄時候的時間,用來和動態(tài)的時間做差來求時長,感興趣的小伙伴們可以參考一下
本文實例介紹了javascript動態(tài)獲取登錄時間和在線時長的相應代碼,分享給大家供大家參考,具體內(nèi)容如下
效果圖:
實現(xiàn)代碼:
<html> <head> <title>online</title> <script language=javaScript> ///這里是獲得登錄時候的時間,用來和動態(tài)的時間做差來求時長 var s = new Date(); function clockon() { var thistime = new Date(); //時間差 diff = new Date(); diff.setTime(Math.abs(thistime.getTime() - s.getTime())); timediff = diff.getTime(); hos = Math.floor(timediff / (1000 * 60 * 60)); mins = Math.floor(timediff / (1000 * 60)); secs = Math.floor(timediff / 1000); //end var hours = thistime.getHours(); var minutes = thistime.getMinutes(); var seconds = thistime.getSeconds(); if (eval(hours) < 10) { hours = "0" + hours; } if (eval(minutes) < 10) { minutes = "0" + minutes; } if (seconds < 10) { seconds = "0" + seconds; } thistime = hours + ":" + minutes + ":" + seconds; bgclockshade.innerHTML = thistime//這里動態(tài)的嵌入當前的時間 //如果不取余的話,秒數(shù)是一直上升的,所以在達到一個60的時候就取余就可以解決這個問題了 if (secs > 59) { secs = secs % 60; } if (mins > 59) { mins = mins % 60; } if (eval(secs) < 10) { secs = "0" + secs; } if (eval(mins) < 10) { mins = "0" + mins; } if (eval(hos) < 10) { hos = "0" + hos; } jishi.innerHTML = hos + ":" + mins + ":" + secs; var timer = setTimeout("clockon()", 200); } </script> </head> <body onload="clockon();"> 登錄時間: <div id="bgclockshade"></div> 上網(wǎng)時長: <div id="jishi"></div> </body> </html>
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助。
您可能感興趣的文章:
- 純JS實現(xiàn)動態(tài)時間顯示代碼
- 基于javascript實現(xiàn)動態(tài)顯示當前系統(tǒng)時間
- 純js實現(xiàn)動態(tài)時間顯示
- js顯示動態(tài)時間的方法詳解
- JS動態(tài)獲取當前時間,并寫到特定的區(qū)域
- html+js實現(xiàn)動態(tài)顯示本地時間
- JS動態(tài)日期時間的獲取方法
- JS實現(xiàn)HTML頁面中動態(tài)顯示當前時間完整示例
- JS實現(xiàn)日期時間動態(tài)顯示的方法
- javascript頁面動態(tài)顯示時間變化示例代碼
- JavaScript實現(xiàn)同步于本地時間的動態(tài)時間顯示方法
- js動態(tài)獲取時間的方法分析
相關文章
JS實現(xiàn)點擊上移下移LI行數(shù)據(jù)的方法
這篇文章主要介紹了JS實現(xiàn)點擊上移下移LI行數(shù)據(jù)的方法,涉及javascript針對LI列表動態(tài)排序的相關實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08微信小程序scroll-view實現(xiàn)上拉加載數(shù)據(jù)重復的解決方法
這篇文章主要為大家詳細介紹了微信小程序scroll-view實現(xiàn)上拉加載數(shù)據(jù)重復的解決方法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-08-08JavaScript 網(wǎng)頁中實現(xiàn)一個計算當年還剩多少時間的倒數(shù)計時程序
這篇文章主要介紹了JavaScript 網(wǎng)頁中實現(xiàn)一個計算當年還剩多少時間的倒數(shù)計時程序,需要的朋友可以參考下2017-01-01