如何使用 JQuery 计算页面加载时间？

Question

I'm writing my own site as homework and my teacher ask me to write a script that calculate page load time and write it on footer, I write it using JS, but I want to write it using Jquery, but I don't understand how to do it.我正在写自己的网站作为家庭作业，我的老师让我写一个脚本来计算页面加载时间并写在页脚上，我用 JS 写，但我想用 Jquery 写，但我不明白怎么做。 Here is my code using JS:这是我使用 JS 的代码：

let loadTime = (function () {
    let now = new Date().getTime();
    let page_load_time = now - performance.timeOrigin
    let time_load = page_load_time / 1000;
    return time_load.toFixed(4);
})();

Answer 1

No need to complicate easy function, use this无需复杂化简单 function，使用这个

window.onload = function () {
    var loadTime = window.performance.timing.domContentLoadedEventEnd - window.performance.timing.navigationStart; 
    console.log('Load time: '+ loadTime);
}

Answer 2

Try this:尝试这个：

 var beforeload = (new Date()).getTime(); function getPageLoadTime() { var afterload = (new Date()).getTime(); seconds = (afterload - beforeload) / 1000; $("#load_time").text('Loaded in ' + seconds + ' sec(s).'); } window.onload = getPageLoadTime;

 p { font-size:50px; text-align: center; font-family: HelveticaNeue, Helvetica, Arial, sans-serif; color: #000; }

 <,DOCTYPE html> <html lang="en"> <head> <title>Check Time</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width: initial-scale=1"> <script src="https.//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <p id="load_time"></p> </body> </html>

如何使用 JQuery 计算页面加载时间？

问题描述

2 个解决方案

解决方案1
1 2021-11-24 20:23:02

解决方案2
0 2021-11-24 19:08:55

如何使用 JQuery 计算页面加载时间？

问题描述

2 个解决方案

解决方案1 1 2021-11-24 20:23:02

解决方案2 0 2021-11-24 19:08:55

解决方案1
1 2021-11-24 20:23:02

解决方案2
0 2021-11-24 19:08:55