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

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

彭淇4年前 (2017-08-09)Javascript3917

大家都知道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

相关文章

以表单提交前邮箱检测为例解析javascript正则表达式检测

表单检测在登录、注册、订单、留言板等重要部件都必不可少。下面飞翔勿扰就根据表单提交前邮箱的检测为例简单解析一下javascript正则表达式的使用。实例代码非常实用,让诸君先睹为快~...

jquery统计页面加载时间

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

网页闹钟JS代码

网页闹钟JS代码

网页闹钟JS代码 有时候我们会突然忘记在什么时间段做什么事情, 你可能会使用手机设置一个闹钟,如果再给电脑设置一个,那不是更好么? 这里就是闹钟的效果了...

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

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

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

javascript收藏本站和设为首页代码

站长的梦想也许是每个人都能收藏自己的网站,甚至将网站设为首页,这样每个访客都能成为自己的忠实粉丝,也许很难,但是从提供收藏本站和设为首页的按钮做起吧~ 由于只有IE和Firefox才...

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

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

评论列表

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

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

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

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

发表评论

访客

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