前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >在网页中插入运行时间统计的方法

在网页中插入运行时间统计的方法

原创
作者头像
云萌工作室
发布2024-12-27 23:10:41
发布2024-12-27 23:10:41
770
举报
文章被收录于专栏:小案例小案例

在Head中进行计算

代码语言:js
复制
<script>
    function runTime() {
        var d = new Date(), str = '';
        BirthDay = new Date("Aug 26,2021");
        today = new Date();
        timeold = (today.getTime() - BirthDay.getTime());
        sectimeold = timeold / 1000
        secondsold = Math.floor(sectimeold);
        msPerDay = 24 * 60 * 60 * 1000
        msPerYear = 365 * 24 * 60 * 60 * 1000
        e_daysold = timeold / msPerDay
        e_yearsold = timeold / msPerYear
        daysold = Math.floor(e_daysold);
        yearsold = Math.floor(e_yearsold);
        //str = yearsold + "年";
        str += daysold + "天";
        str += d.getHours() + '时';
        str += d.getMinutes() + '分';
        str += d.getSeconds() + '秒';
        return str;
    }
    setInterval(function () { $('#run_time').html(runTime()) }, 1000);
</script>

在需要的地方调用运算的结果(一般放在foot)

代码语言:html
复制
<p>网站已在风雨中运行:<span id="run_time" style="color:white"></span></p>

提示

文本颜色也可以自定义,格式如下

代码语言:html
复制
<p>网站已在风雨中运行:<span id="run_time" style="color:输入颜色英文"></span></p>

本文由“云萌工作室-小案例”专栏提供,关注更多编程技巧与知识。

@Author: WKnight

@Date: 2024/12/27

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 在Head中进行计算
  • 在需要的地方调用运算的结果(一般放在foot)
  • 提示
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档