Таймер обратного отсчета в Javascript

Question

У меня есть этот маленький обратный код, написанный на JavaScript для HTML-документа. Мне нужны чьи-то знания и помощь в изменении этого кода, поэтому я могу ввести свое собственное время и начать обратный отсчет с помощью кнопки.

COUNTER_START = 3 

function tick() { 
    if (document.getElementById ('counter').firstChild.data > 0) { 
     document.getElementById ('counter').firstChild.data = document.getElementById ('counter').firstChild.data - 1 
     setTimeout ('tick()', 1000) 
    } else { 
     document.getElementById ('counter').firstChild.data = 'done' 
    } 
} 

if (document.getElementById) onload = function() { 
    var t = document.createTextNode (COUNTER_START) 
    var p = document.createElement ('P') 
    p.appendChild (t) 
    p.setAttribute ('id', 'counter') 

    var body = document.getElementsByTagName ('BODY')[0] 
    var firstChild = body.getElementsByTagName ('*')[0] 

    body.insertBefore (p, firstChild) 
    tick() 
} 

JSFIDDLE

Answer 1

1. удалить tick()
2. обновления COUNTER_START на значение, которое вы хотите
3. вызова tick на щелчке кнопки.

Answer 2

Вам нужно будет поставить часть нагрузки в функцию. Например.

function myFunction() { 
    var t = document.createTextNode 
    ... 
} 

и поставь кнопку, которая вызывает, что:

<button onclick="myFunction()">Click me</button>

Вот обновленный JS Fiddle - http://jsfiddle.net/27Wqp/2/.