好!欢迎访问迷津渡口 现在时间是:

迷津渡口

越感到迷惑 越接近真理

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

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

大概就是这样啦~



点赞2
   支持一下
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
 点赞
 签到
 表情
 图片
 代码
提交评论

清空信息
关闭评论
 00:00/00:00
我想和你虚度时光 - 花房姑娘(9)
  1. 恋恋风尘
  2. 恋恋风尘
  3. 恋恋风尘
  4. 恋恋风尘
  5. 恋恋风尘
  6. 恋恋风尘
  7. 恋恋风尘
  8. 恋恋风尘
  9. 恋恋风尘