YouTube動画上に現在時刻表示

時間管理 YouTube何時間も見ちゃう人向け

当前为 2024-01-19 提交的版本，查看最新版本。

换行

// ==UserScript==
// @name         YouTube動画上に現在時刻表示
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  時間管理 YouTube何時間も見ちゃう人向け
// @author       匿名Cat
// @match        https://www.youtube.com/*
// @require      https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js
// @require      https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.11.7/dayjs.min.js
// @require      https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js
// @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
  'use strict';
  const $timeBox = $("<div>", {id: 'timeBox'})
  $timeBox[0].style.cssText = `
    position: absolute;
    top: .5rem;
    left: calc(50% - 5rem);
    color: rgb(238,238,238);
    font-size: 3rem;
    z-index: 1;
    background-color: rgb(0, 0, 0, .5);
    border-radius: .5rem;
  `
  $(document.body).arrive('#player-container', player => {
    $(player).append($timeBox)
  })
  const update = () => $timeBox.text(dayjs().format('HH:mm:ss'))
  setInterval(update, 1000)
})();