给博客底部添加页面加载时长

warning: 这篇文章距离上次修改已过1395天,其中的内容可能已经有所变动。

# Step one

*找到底部代码添加一个块标签,添加如下代码*
```html

```
# Step two
*找到底部代码的script标签里面,添加如下代码*
```html
window.onload = function () {
var loadTime = window.performance.timing.domContentLoadedEventEnd - window.performance.timing.navigationStart;
$("#timeShow").html('加载本页耗时 ' + loadTime + 'ms');
}

```

# Step three
[![效果展示](效果展示 "效果展示")](https://ooolo.net/upload/2020/05/qrh66bquk4irbrvnvmifdnkrg7.png "效果展示")

版权声明 ▶ 本网站名称:我的学习笔记
▶ 本文链接:https://ooolo.net/article/110.html
▶ 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行核实删除。
▶ 转载本站文章需要遵守:商业转载请联系站长,非商业转载请注明出处!!!

JS
最后修改于:2020年05月09日 12:50

添加新评论

icon_mrgreen.pngicon_neutral.pngicon_twisted.pngicon_arrow.pngicon_eek.pngicon_smile.pngicon_confused.pngicon_cool.pngicon_evil.pngicon_biggrin.pngicon_idea.pngicon_redface.pngicon_razz.pngicon_rolleyes.pngicon_wink.pngicon_cry.pngicon_surprised.pngicon_lol.pngicon_mad.pngicon_sad.pngicon_exclaim.pngicon_question.png