HTML 底部運行時間代碼是一種用于顯示用戶訪問網(wǎng)頁的信息的技術(shù)。該代碼可以用于網(wǎng)站上的任何頁面,其作用是在頁面的底部顯示用戶打開當前頁面的時間。
要在 HTML 頁面底部添加運行時間代碼,您需要先創(chuàng)建一個 JavaScript 函數(shù)來計算頁面加載時間。接下來,在頁面底部添加一個 div 元素,將 JavaScript 函數(shù)的返回值放入其中,然后使用 CSS 樣式對其進行格式化。
以下是一個示例 JavaScript 函數(shù):
function showRuntime() { var now = new Date().getTime(); var page_load_time = now - performance.timing.navigationStart; return 'This page was loaded in ' + page_load_time + ' milliseconds.'; }要將此函數(shù)嵌入到 HTML 頁面中,請將以下代碼復制并粘貼到您的 HTML 文檔中:
請注意,以上代碼使 JavaScript 將函數(shù)的返回值放入一個名為 "runtime" 的 div 元素中,并在加載頁面時自動運行。 最后,您可能想要使用 CSS 樣式來自定義底部運行時間代碼的外觀。以下是一些示例 CSS 樣式代碼:以上代碼將 "runtime" 元素背景色設置為淡灰色 (#EEE),文本顏色設置為深灰色 (#333),字體大小設置為 14 像素,內(nèi)邊距設置為 5 像素,并將文本居中對齊。 通過使用以上代碼,您可以在 HTML 頁面底部顯示用戶訪問頁面的加載時間,以便您可以了解您網(wǎng)站的性能和用戶體驗。