在一些网站的底部会有站点运行时长相关的数据,在这里给出一个实现该功能的示例:
相关网页的标签我就不写了,在此只展现js代码:
<script type="text/javascript">
function show_run_Time(){
// 睡眠时间
window.setTimeout("show_run_Time()", 1000);
// 计算机中所使用的时间一般都是以毫秒开始计算的
var seconds = 1000;
var minutes = seconds * 60;
var hours = minutes * 60;
var days = hours * 24;
var years = days * 365;
var today = new Date();// 获取当前时间
var todaySecond = today.getSeconds();// 秒
var todayMinute = today.getMinutes();
var todayHour = today.getHours();
var todayDate = today.getDate();
var todayMonth = today.getMonth()+1; //月份是0-11
var todayYear = today.getFullYear();// 年
var start_time = Date.UTC(2020, 4, 20, 0, 0, 0);
// 开始运行的时间(时间戳格式)
var now_time = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);// 当前时间(时间戳)
var run_time = now_time - start_time;
var run_time_year = Math.floor(run_time/years);
var run_time_date = Math.floor(run_time/days%365);
var run_time_hour = Math.floor(run_time/hours%24);
var run_time_minute = Math.floor(run_time/minutes%60);
var run_time_second = Math.floor(run_time/seconds%60);
if (run_time_year < 1){
run_time_year = 0;
}
document.getElementById("show_run_time").innerText = "站点已持续运行:" + run_time_year + "年" + run_time_date + "天" + run_time_hour + "小时" + run_time_minute + "分" + run_time_second + "秒";
}
show_run_Time();
</script>
使用该方法也可实现倒计时 /限制用户访问时间/定时跳转等功能 !
该方法也存在一点小不足,不能放到js文件中,博主也会尽快找到解决方法并进行更新!
本篇文章首先发表自博主的个人博客网站:https://www.lizaza.cn
大家有什么更好的建议可以在下方留言,我将会在第一时间进行回复!