javascript動態(tài)獲取登錄時間和在線時長
更新時間：2016年02月25日 15:03:05 投稿：lijiao
這篇文章主要為大家詳細介紹了javascript動態(tài)獲取登錄時間和在線時長的相關資料，獲得登錄時候的時間，用來和動態(tài)的時間做差來求時長，感興趣的小伙伴們可以參考一下
本文實例介紹了javascript動態(tài)獲取登錄時間和在線時長的相應代碼，分享給大家供大家參考，具體內容如下
效果圖：
實現代碼：
<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)的嵌入當前的時間
//如果不取余的話，秒數是一直上升的，所以在達到一個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>
上網時長：
<div id="jishi"></div>
</body>
</html>
以上就是本文的全部內容，希望對大家的學習有所幫助。
相關文章
最近在實現flash的播放音樂的功能，這就涉及到js和as交互的問題，因為要實現動態(tài)改變音樂文件的功能,可是如何判定呢？2013-07-07
這篇文章主要介紹了如何使用js實現瀏覽歷史記錄,需要的朋友可以參考下2014-04-04
輪播效果是老生常談的話題，今天小編通過實例代碼給大家分享原生JS實現簡單的無縫自動輪播效果，感興趣的朋友跟隨小編一起學習吧2018-09-09
本文主要介紹了Ajax基礎知識。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要介紹了js彈出確認是否刪除對話框，具體實現代碼如下，需要的朋友可以參考下2014-03-03
本文通過實例代碼給大家介紹了基于JS實現根據當前時間隨機生成流水號或者訂單號的相關知識，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2018-05-05
這篇文章主要為大家詳細介紹了uniapp電商小程序實現訂單30分鐘倒計時，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
本篇文章主要介紹了Android中Okhttp3實現上傳多張圖片同時傳遞參數 ，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
JavaScript判斷瀏覽器對CSS3屬性是否支持的多種方法
其實在使用css3的一些屬性時，為了兼顧低端瀏覽器對CSS3的不友好性，往往需要知道某些瀏覽器是否支持要使用的CSS3屬性，以此來做向下適配。比如常見的CSS3動畫就很有必要檢測瀏覽器是否支持。下面本文就分享了幾種方法，有需要的朋友們可以參考借鑒。2016-11-11
這篇文章主要為大家詳細介紹了JavaScript前端加解密工具庫（CryptoJS、JSEncrypt、bcryptjs）的具體使用,文中的示例代碼講解詳細,感興趣的小伙伴可以了解下2023-12-12