☰

Leetcode Timer

As of 2020-05-18. See the latest version.

  1. // ==UserScript==
  2. // @name     Leetcode Timer
  3. // @description:en Start a timer whenever a user loads a problem at Leetcode.com
  4. // @version  1
  5. // @grant    none
  6. // @include	 *://*leetcode.com/problems/*
  7. // @author   ketankr9
  8. // @namespace https://greatest.deepsurf.us/users/564674
  9. // ==/UserScript==
  10.  
  11.  
  12. function countdownTimer() {
  13.   var difference = +new Date() - startTime;
  14.   var elapsed = "0";
  15.  
  16.   var parts = {
  17.     days: Math.floor(difference / (1000 * 60 * 60 * 24)),
  18.     hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
  19.     minutes: Math.floor((difference / 1000 / 60) % 60),
  20.     seconds: Math.floor((difference / 1000) % 60)
  21.   };
  22.  
  23.   elapsed = Object.keys(parts)
  24.     .map(part => {
  25.     if (!parts[part]) return;
  26.     return `${parts[part]} ${part}`;
  27.   })
  28.     .join(" ");
  29. 	
  30.   document.getElementById("countdown").innerHTML = elapsed;
  31. }
  32.  
  33. var f = function(div){
  34.   div.innerHTML = '<div id="countdown" style="font-size:20px;"></div>' + div.innerHTML;
  35.   startTime = +new Date();
  36.   setInterval(countdownTimer, 1000);
  37. }
  38.  
  39. function waitForElementToDisplay(selector, time, f) {
  40.   			var node = document.getElementsByClassName(selector);
  41.         console.log(node);
  42.         if(node.length > 0) {
  43.           	console.log("Element Found");
  44.             f(node[0])
  45.             return;
  46.         }
  47.         setTimeout(function() {
  48.             waitForElementToDisplay(selector, time, f);
  49.         }, time);
  50.     }
  51.  
  52. var startTime;
  53. waitForElementToDisplay("btns__1OeZ", 1000, f);