Stopwatch Bookmarklet

A stopwatch overlay with stop button to time events on a page.

Source (www.theonlinestudio.co.uk)


Download Bookmarklet:


View Bookmarklet Code:

Bookmarklet Source Code:

javascript%3A%28function%28%29%257B%7E%28function%28%29%2520%257Bvar%2520doc%2520%253D%2520document.getElementsByTagName%28%27body%27%29%252Ccounter%2520%253D%2520document.createElement%28%27div%27%29%252Cstop%2520%253D%2520document.createElement%28%27div%27%29%252Csrc%2520%253D%2520document.createElement%28%27a%27%29%252Cholder%2520%253D%2520document.createElement%28%27div%27%29%252CcountUp%2520%253D%25200%253Bcounter.style.textAlign%2520%253D%2520%27center%27%253Bcounter.style.padding%2520%253D%2520%2710px%25200%27%253Bcounter.style.fontSize%2520%253D%2520%2720px%27%253Bcounter.style.backgroundColor%2520%253D%2520%27%2523ec008c%27%253Bstop.innerHTML%2520%253D%2520%27STOP%27%253Bstop.style.padding%2520%253D%2520%2710px%25200%27%253Bstop.style.textAlign%2520%253D%2520%27center%27%253Bstop.style.fontSize%2520%253D%2520%2714px%27%253Bstop.style.backgroundColor%2520%253D%2520%27%2523333%27%253Bstop.style.cursor%2520%253D%2520%27pointer%27%253Bholder.style.position%2520%253D%2520%27fixed%27%253Bholder.style.width%2520%253D%2520%27100px%27%253Bholder.style.top%2520%253D%2520%2710px%27%253Bholder.style.right%2520%253D%2520%252210px%2522%253Bholder.style.fontFamily%2520%253D%2520%27arial%27%253Bholder.style.zIndex%2520%253D%2520%27999%27%253Bholder.style.color%2520%253D%2520%27%2523fff%27%253Bdoc%255B0%255D.appendChild%28holder%29%253Bholder.appendChild%28counter%29%253Bholder.appendChild%28stop%29%253Bstop.addEventListener%28%27click%27%252C%2520function%28%29%2520%257BclearInterval%28timer%29%253B%257D%29%253Bvar%2520timer%2520%253D%2520setInterval%28function%28%29%2520%257BcountUp%2520%252B%253D%2520.01%253Bcounter.innerHTML%2520%253D%2520countUp.toFixed%282%29%253B%257D%252C%252010%29%253Bconsole.log%28%27%2525c%2520Counter%2520brought%2520to%2520you%2520by%27%252C%2520%2522font-family%253Aarial%253B%2520font-size%253A12px%253B%2520color%253A%2523000%2522%29%253Bconsole.log%28%27%2525c%2520The%2520Online%2520Studio%27%252C%2520%2522font-family%253Aarial%253B%2520font-size%253A16px%253B%2520font-weight%253Abold%253B%2520color%253A%2523ec008c%2522%29%253Bconsole.log%28%27%2525c%2520www.theonlinestudio.co.uk%27%252C%2520%2522font-family%253Aarial%253B%2520font-size%253A12px%253B%2520color%253A%2523000%2522%29%253B%257D%29%28%29%257D%29%28%29


Rate it:


Tags:

Comments

Comments so far. Add yours.