웹페이지에 누적 실행 시간을 추가하는 JavaScript 코드
7,186 0
이 사이트를 개설한 지 거의 20일이 되었습니다. 그리 긴 시간은 아닙니다. 이제 막 시작했을 뿐이니까요. 그래서 웹사이트가 실행된 시간을 기록할 수 있도록 온라인 타이머를 만들어 보려고 했습니다. 군말 없이 바로 시작해 보겠습니다.
먼저 JavaScript를 사용해 시간을 정의한 다음 HTML로 출력하는 방법을 생각했습니다. 가장 번거로운 부분은 역시 시간 계산 문제입니다. 아래는 코드입니다.
HTML 코드
이 사이트는 안정적으로 실행된 지: <span id="htmer_time"></span>
JavaScript 코드
JavaScript JavaScript
function secondToDate(second) {
if (!second) {
return 0;
}
var time = new Array(0, 0, 0, 0, 0);
if (second >= 365 * 24 * 3600) {
time[0] = parseInt(second / (365 * 24 * 3600));
second %= 365 * 24 * 3600;
}
if (second >= 24 * 3600) {
time[1] = parseInt(second / (24 * 3600));
second %= 24 * 3600;
}
if (second >= 3600) {
time[2] = parseInt(second / 3600);
second %= 3600;
}
if (second >= 60) {
time[3] = parseInt(second / 60);
second %= 60;
}
if (second > 0) {
time[4] = second;
}
return time;
}
function setTime() {
var create_time = Math.round(new Date(Date.UTC(2017, 04, 18, 2, 0, 0)).getTime() / 1000);
var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
currentTime = secondToDate((timestamp - create_time));
currentTimeHtml = currentTime[0] + '年 ' + currentTime[1] + '天 ' + currentTime[2] + '时 ' + currentTime[3] + '分 ' + currentTime[4] + '秒 ';
document.getElementById("htmer_time").innerHTML = currentTimeHtml;
}
setInterval(setTime, 1000);
사용 방법
time.js파일을 새로 만들고 JavaScript 코드를 해당 파일에 작성합니다.- 해당
time.js파일을 웹사이트 루트 디렉터리(또는 접근 가능한 디렉터리)에 넣습니다. 어디에 넣었는지는 직접 기억해 두면 됩니다. - 웹사이트 상단에서 이 JavaScript 파일을 참조합니다.
- 실행 시간을 표시할 곳에 HTML 코드를 작성합니다.
댓글
(0)아직 댓글이 없습니다