使用油猴脚本在全部页面顶部添加时间显示

// ==UserScript==
// @name         Display Current Time in Top Center
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
  'use strict';

  // 获取当前时间并格式化为字符串
  var currentTime = new Date().toLocaleTimeString();

  // 获取页面元素，用于插入时间
  var pageElement = document.createElement('div');
  pageElement.style.position = 'fixed';
  pageElement.style.top = '0';
  pageElement.style.left = '50%';
  pageElement.style.transform = 'translateX(-50%)';
  pageElement.style.backgroundColor = 'rgba(255, 255, 255, 0.8)';
  pageElement.style.padding = '10px 10px';
  pageElement.style.borderRadius = '5px';
  pageElement.style.fontSize = '15px';
  pageElement.style.color = 'red';
  pageElement.style.background = 'transparent'
  pageElement.innerHTML = currentTime;
  pageElement.style.zIndex = '9999'; // 设置z-index为9999以确保它在其他元素之上


  // 将时间插入到页面顶部居中位置
  document.body.appendChild(pageElement);

  // 每隔1秒更新时间
  setInterval(function() {
    currentTime = new Date().toLocaleTimeString();
    pageElement.innerHTML = currentTime;
  }, 1000);
})();