Timer Watch

Displays the timer on timerminutes.com and also shows a digital clock.

安装此脚本
作者推荐脚本

您可能也喜欢Redirect to imgur

安装此脚本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         Timer Watch
// @namespace    https://greasyfork.org/en/users/670188-hacker09?sort=daily_installs
// @version      2
// @description  Displays the timer on timerminutes.com and also shows a digital clock.
// @author       hacker09
// @match        https://www.timerminutes.com/*
// @icon         https://www.timerminutes.com/favicon.ico
// @run-at       document-end
// @grant        none
// ==/UserScript==


(function() {
  'use strict';
  document.querySelector("#btnreset").style.display = 'none'; //Hides the element
  document.querySelector("div.header").style.display = 'none'; //Hides the element
  document.querySelector("div.footer").style.display = 'none'; //Hides the element
  document.querySelector("#timer-form").style.display = 'none'; //Hides the element
  document.querySelector("main > div > h1").style.display = 'none'; //Hides the element
  document.querySelector("main > div > h2").style.display = 'none'; //Hides the element
  document.querySelector("main > div > h3").style.display = 'none'; //Hides the element
  document.querySelectorAll("p").forEach(el => el.style.display = 'none'); //Hides the element
  document.querySelectorAll("ul.listh").forEach(el => el.style.display = 'none'); //Hides the element
  document.querySelectorAll("div.margin10.center").forEach(el => el.style.display = 'none'); //Hides the element

  document.querySelector("#result > span").insertAdjacentHTML('afterEnd', `<br><span class="time"></span>`); //Show the time

  function showTime() { //Creates a new function
    var date = new Date(); //Creates a variable to hold the computer date on the local time zone
    var h = date.getHours(); //Get the hours in the computer date on the local time zone
    var m = date.getMinutes(); //Get the minutes in the computer date on the local time zone
    var s = date.getSeconds(); //Get the seconds in the computer date on the local time zone

    document.querySelector(".time").innerText = h + ":" + m + ":" + s; //Adds the current time to the time element
    setTimeout(showTime, 1000); //Update the time every second
  } //Finishes the showTime function

  showTime(); //Runs the showTime function
})();