当前位置:首页 > Javascript > 正文内容

javascript统计网站运行时间动态输出每秒变化

彭淇3年前 (2017-08-09)Javascript26962

大家都知道javascript产生时钟的方法,而这里飞翔勿扰要跟大家分享的网站运行时间动态输出就是从时钟产生演变而来。

话不多说,先把干货代码送上:


<script>
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
} 
< /script>  
< script type = "text/javascript" language = "javascript" >
    function setTime() {
        var create_time = Math.round(new Date(Date.UTC(2015, 10, 25, 0, 0, 0)).getTime() / 1000);
        var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
        currentTime = secondToDate((timestamp - create_time));
        currentTimeHtml = currentTime[1] + '天' + currentTime[2] + '小时' + currentTime[3] + '分' + currentTime[4] + '秒';
        document.getElementById("htmer_time").innerHTML = currentTimeHtml
    }
setInterval(setTime, 1000); 
< /script>
 < li > < i class = "iconfont" > & #xe633; < /i > 
 稳定运行: < span id = "htmer_time" class = "sm_padding" > < /span > < /li >


你可以把这段代码放置到需要输出运行时间的地方,例如本站是放到 footer.php的位置。

下面简单介绍一下这段代码

注意这个位置:


var create_time=Math.round(new Date(Date.UTC(2015,10,25,0,0,0)).getTime()/1000);


(2015,10,25,0,0,0)代表建站日期,这个时间代表2015年11月25日 00:00::00

你应该发现了月份的特殊性,从0-11代表1-12月,即比实际月份小1。

这一句:


document.getElementById("htmer_time").innerHTML=currentTimeHtml}setInterval(setTime,1000);


代表把id=htmer_time的内容变成运行时间并每秒变化,所以我们在下面需要有一个对应id的位置放置时间:

<span id="htmer_time" class="sm_padding"></span>


大概就是这样啦~

扫描二维码至手机访问

扫描二维码推送至手机端访问。

版权声明:本文由淇云博客发布,如需转载请注明出处。

转载请注明出处:https://www.pengqi.club/blog/6.html

分享给朋友:

相关文章

jquery统计页面加载时间

有时我们想要统计页面加载时间, 但是php是服务器端的,在应用中数据显示非常不符合实际。 其实最好的方法应该是在客户端统计时间,利用js或jquery是最佳选择。...

摇一摇打开网页或拨打电话

摇一摇打开网页或拨打电话

    提到摇一摇,我们第一念头就是微信,就好像微信因为QQ的前期大力支持发杨光大一样,摇一摇也因为微信的存在,在一个短暂的时间内,成了众人所知的热门应用,微信...

原生js带提示留言表单验证代码

原生js带提示留言表单验证代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Conten...

js日历代码演示,阳历 农历 星期

js日历代码演示,阳历 农历 星期

效果图如下: 代码如下: <!doctype html> <html> <head> <meta chars...

js实现简单的注册表验证

js实现简单的注册表验证,效果如下: <!DOCTYPE html> <html> <head> <meta charset=&q...

判断用户当前设备终端型号 – 设备侦测工具

判断用户当前是什么设备,甚至可以侦测出手机型号乃至系统版本。此代码来自SUI Mobile源码,我只是搬运工,需要借助zepto.js SUI Mobile官方提供的zepto.js(CDN),...

评论列表

雷州
雷州
3年前 (2017-08-28)

[code][S8]有点看不懂哦,希望下次写的简单易懂一点![/code]

匿名
匿名
3年前 (2017-08-17)

[blockquote][F1] 好羞射,文章真的好赞啊,顶博主![/blockquote]

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。