javascript動態(tài)獲取登錄時間和在線時長

更新時間：2016年02月25日 15:03:05 投稿：lijiao

這篇文章主要為大家詳細(xì)介紹了javascript動態(tài)獲取登錄時間和在線時長的相關(guān)資料，獲得登錄時候的時間，用來和動態(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í)有所幫助。

您可能感興趣的文章:

相關(guān)文章

js和as的穩(wěn)定傳值問題解決
最近在實(shí)現(xiàn)flash的播放音樂的功能，這就涉及到j(luò)s和as交互的問題，因?yàn)橐獙?shí)現(xiàn)動態(tài)改變音樂文件的功能,可是如何判定呢？
2013-07-07
js 實(shí)現(xiàn)瀏覽歷史記錄示例
這篇文章主要介紹了如何使用js實(shí)現(xiàn)瀏覽歷史記錄,需要的朋友可以參考下
2014-04-04
原生JS實(shí)現(xiàn)簡單的無縫自動輪播效果
輪播效果是老生常談的話題，今天小編通過實(shí)例代碼給大家分享原生JS實(shí)現(xiàn)簡單的無縫自動輪播效果，感興趣的朋友跟隨小編一起學(xué)習(xí)吧
2018-09-09
Ajax基礎(chǔ)知識詳解
本文主要介紹了Ajax基礎(chǔ)知識。具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-02-02
js彈出確認(rèn)是否刪除對話框
這篇文章主要介紹了js彈出確認(rèn)是否刪除對話框，具體實(shí)現(xiàn)代碼如下，需要的朋友可以參考下
2014-03-03
用JS實(shí)現(xiàn)根據(jù)當(dāng)前時間隨機(jī)生成流水號或者訂單號
本文通過實(shí)例代碼給大家介紹了基于JS實(shí)現(xiàn)根據(jù)當(dāng)前時間隨機(jī)生成流水號或者訂單號的相關(guān)知識，非常不錯，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧
2018-05-05
uniapp電商小程序?qū)崿F(xiàn)訂單30分鐘倒計(jì)時
這篇文章主要為大家詳細(xì)介紹了uniapp電商小程序?qū)崿F(xiàn)訂單30分鐘倒計(jì)時，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11
Android中Okhttp3實(shí)現(xiàn)上傳多張圖片同時傳遞參數(shù)
本篇文章主要介紹了Android中Okhttp3實(shí)現(xiàn)上傳多張圖片同時傳遞參數(shù) ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
JavaScript判斷瀏覽器對CSS3屬性是否支持的多種方法
其實(shí)在使用css3的一些屬性時，為了兼顧低端瀏覽器對CSS3的不友好性，往往需要知道某些瀏覽器是否支持要使用的CSS3屬性，以此來做向下適配。比如常見的CSS3動畫就很有必要檢測瀏覽器是否支持。下面本文就分享了幾種方法，有需要的朋友們可以參考借鑒。
2016-11-11
詳解JavaScript前端加解密工具庫的使用
這篇文章主要為大家詳細(xì)介紹了JavaScript前端加解密工具庫（CryptoJS、JSEncrypt、bcryptjs）的具體使用,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下
2023-12-12