首页 > 开发 > JS > 正文

js实现网站运行时间统计效果

2024-09-06 12:41:13
字体:
来源:转载
供稿:网友
这篇文章主要为大家详细介绍了js实现网站运行时间统计效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

js实现网站运行时间统计效果演示

js实现网站运行时间统计效果,如上图,废话不多说,直接上代码:

<span id="sitetime"></span><script language=javascript>    function siteTime(){        window.setTimeout("siteTime()", 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 todayYear = today.getFullYear();        var todayMonth = today.getMonth()+1;        var todayDate = today.getDate();        var todayHour = today.getHours();        var todayMinute = today.getMinutes();        var todaySecond = today.getSeconds();        /* Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)        year - 作为date对象的年份,为4位年份值        month - 0-11之间的整数,做为date对象的月份        day - 1-31之间的整数,做为date对象的天数        hours - 0(午夜24点)-23之间的整数,做为date对象的小时数        minutes - 0-59之间的整数,做为date对象的分钟数        seconds - 0-59之间的整数,做为date对象的秒数        microseconds - 0-999之间的整数,做为date对象的毫秒数 */        var t1 = Date.UTC(2016,12,01,00,00,00); //北京时间2016-12-1 00:00:00        var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);        var diff = t2-t1;        var diffYears = Math.floor(diff/years);        var diffDays = Math.floor((diff/days)-diffYears*365);        var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);        var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);        var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);        document.getElementById("sitetime").innerHTML=" 已运行"+diffYears+" 年 "+diffDays+" 天 "+diffHours+" 小时 "+diffMinutes+" 分钟 "+diffSeconds+" 秒";    }    siteTime();</script>

当然了,这个只是简单的效果实现,如果需要有漂亮的样式,还需要书写好对应的样式代码,这里361源码就不多做说明了。演示效果大家可以参看:

js实现网站运行时间统计效果演示

以上就是js实现网站运行时间统计效果的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持武林网。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表