javascript動態(tài)獲取登錄時間和在線時長
本文實(shí)例介紹了javascript動態(tài)獲取登錄時間和在線時長的相應(yīng)代碼,分享給大家供大家參考,具體內(nèi)容如下
效果圖:
實(shí)現(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)的嵌入當(dāng)前的時間 //如果不取余的話,秒數(shù)是一直上升的,所以在達(dá)到一個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)容,希望對大家的學(xué)習(xí)有所幫助。
- 純JS實(shí)現(xiàn)動態(tài)時間顯示代碼
- 基于javascript實(shí)現(xiàn)動態(tài)顯示當(dāng)前系統(tǒng)時間
- 純js實(shí)現(xiàn)動態(tài)時間顯示
- js顯示動態(tài)時間的方法詳解
- JS動態(tài)獲取當(dāng)前時間,并寫到特定的區(qū)域
- html+js實(shí)現(xiàn)動態(tài)顯示本地時間
- JS動態(tài)日期時間的獲取方法
- JS實(shí)現(xiàn)HTML頁面中動態(tài)顯示當(dāng)前時間完整示例
- JS實(shí)現(xiàn)日期時間動態(tài)顯示的方法
- javascript頁面動態(tài)顯示時間變化示例代碼
- JavaScript實(shí)現(xiàn)同步于本地時間的動態(tài)時間顯示方法
- js動態(tài)獲取時間的方法分析
相關(guān)文章
JS實(shí)現(xiàn)點(diǎn)擊上移下移LI行數(shù)據(jù)的方法
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊上移下移LI行數(shù)據(jù)的方法,涉及javascript針對LI列表動態(tài)排序的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08微信小程序scroll-view實(shí)現(xiàn)上拉加載數(shù)據(jù)重復(fù)的解決方法
這篇文章主要為大家詳細(xì)介紹了微信小程序scroll-view實(shí)現(xiàn)上拉加載數(shù)據(jù)重復(fù)的解決方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-08-08js實(shí)現(xiàn)精美的圖片跟隨鼠標(biāo)效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)精美的圖片跟隨鼠標(biāo)效果,實(shí)例分析了javascript鼠標(biāo)事件及頁面樣式的操作技巧,需要的朋友可以參考下2015-05-05JavaScript 網(wǎng)頁中實(shí)現(xiàn)一個計(jì)算當(dāng)年還剩多少時間的倒數(shù)計(jì)時程序
這篇文章主要介紹了JavaScript 網(wǎng)頁中實(shí)現(xiàn)一個計(jì)算當(dāng)年還剩多少時間的倒數(shù)計(jì)時程序,需要的朋友可以參考下2017-01-01