☰

Greasy Fork is available in English.

Leetcode Timer

Start a timer whenever a user loads a problem at Leetcode.com

  1. // ==UserScript==
  2. // @name     Leetcode Timer
  3. // @description:en Start a timer whenever a user loads a problem at Leetcode.com
  4. // @version  1.2
  5. // @grant    none
  6. // @include	 *://*leetcode.com/problems/*
  7. // @author   ketankr9
  8. // @namespace https://greatest.deepsurf.us/users/564674
  9. // @description Start a timer whenever a user loads a problem at Leetcode.com
  10. // ==/UserScript==
  11.  
  12. /*
  13.  * Choose Either Option 1 or Option 2.
  14.  * Option 1: The time starts from the moment you open a url and continues forever.
  15.  * Option 2: The time starts from 0 every time you open a url and continues only till the window is open. Everytime you reload the window the timer will restart from 0.
  16.  */
  17. var option = 2; // Choose between 1 and 2
  18.  
  19. function countdownTimer() {
  20.   var difference = +new Date() - startTime;
  21.   var elapsed = "0";
  22.  
  23.   var parts = {
  24.     days: Math.floor(difference / (1000 * 60 * 60 * 24)),
  25.     hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
  26.     minutes: Math.floor((difference / 1000 / 60) % 60),
  27.     seconds: Math.floor((difference / 1000) % 60)
  28.   };
  29.  
  30.   elapsed = Object.keys(parts)
  31.     .map(part => {
  32.     if (!parts[part]) return;
  33.     return `${parts[part]} ${part}`;
  34.   })
  35.     .join(" ");
  36. 	
  37.   document.getElementById("countdown").innerHTML = elapsed;
  38. }
  39.  
  40. var f = function(div){
  41.   
  42.   if(option === 1){
  43.     // Option 1: The time starts from the moment you open a url and continues forever.
  44.     var q = document.URL.split("problems/");
  45.     if(q.length != 2)	return null;
  46.     q = q[1] + "time";
  47.     console.log(q);
  48.     if(localStorage.getItem(q) == null){
  49.       localStorage.setItem(q, +new Date());
  50.     }
  51.     startTime = Date.parse(localStorage.getItem(q));
  52.   }else{
  53.   	// Option 2: The time starts every time you open a url and continues till the window is open.
  54.   	startTime = new Date();
  55.   }
  56.   
  57.   
  58.   var el = document.createElement("div");
  59.   el.className = "tool-item__2DCU";
  60.   el.innerHTML = '<div id="countdown" style="font-size:20px;" ></div>';
  61.   
  62.   div.insertBefore(el, div.firstChild);
  63.   
  64.  
  65.   setInterval(countdownTimer, 1000);
  66. }
  67.  
  68. function waitForElementToDisplay(selector, time, f) {
  69.   			var node = document.getElementsByClassName(selector);
  70.         console.log(node);
  71.         if(node.length > 0) {
  72.           	console.log("Element Found");
  73.             f(node[0])
  74.             return;
  75.         }
  76.         setTimeout(function() {
  77.             waitForElementToDisplay(selector, time, f);
  78.         }, time);
  79.     }
  80.  
  81. var startTime;
  82. waitForElementToDisplay("btns__1OeZ", 1000, f);