Запуск того же javascript для multiply onclicks

В принципе, я хочу создать каталог ссылок, каждый раз, когда ссылка будет нажата, она перезагружается, что связывает таймер.Запуск того же javascript для multiply onclicks

<Script> function countdown(elementName, minutes, seconds) { 
    var element, endTime, hours, mins, msLeft, time; 

    function twoDigits(n) { 
    return (n <= 9 ? "0" + n : n); 
    } 

    function updateTimer() { 
    msLeft = endTime - (+new Date); 
    if (msLeft < 1000) { 
     element.innerHTML = "countdown's over!"; 
    } else { 
     time = new Date(msLeft); 
     hours = time.getUTCHours(); 
     mins = time.getUTCMinutes(); 
     element.innerHTML = (hours ? hours + ':' + twoDigits(mins) : mins) + ':' + twoDigits(time.getUTCSeconds()); 
     setTimeout(updateTimer, time.getUTCMilliseconds() + 500); 
    } 
    } 


    element = document.getElementById(elementName); 
    endTime = (+new Date) + 1000 * (60 * minutes + seconds) + 500; 
    updateTimer(); 
} 
</script> 

<p> 
<a onclick='countdown("countdown", 
120,0);' href="https://www.bing.com/" target="_blank">Bing</a> 
<div id="countdown"></div> 
</p> 

<p> 
<a onclick='countdown("countdown2", 
120,0);' href="https://www.google.com.au/" target="_blank">Google</a> 
<div id="countdown"></div> 
</p>

Проблема, которая у меня есть, заключается в том, что это будет работать только один обратный отсчет.

Есть ли простой способ, чтобы каждая ссылка имела собственный таймер без сценария для каждого из них?

источник

2016-07-03 Mumblesxoxo

Синтаксическая ошибка же идентификатор обратного отсчета не должна использоваться для обоих элементов, вместо идентификатора, заменить их с классом = «обратный отсчет», и при использовании функции OnClick OnClick = 'обратный отсчет времени (это, 120,0); –

Обратный отсчет (это 120,0) позаботится об элементе, который был нажат. Надеюсь, это сработает для вас :) –

Используйте разные идентификаторы div для обратного отсчета.

<a onclick='countdown("countdown1", 
120,0);' href="https://www.bing.com/" target="_blank">Bing</a> 
<div id="countdown1"></div> 
</p> 

<p> 
<a onclick='countdown("countdown2", 
120,0);' href="https://www.google.com.au/" target="_blank">Google</a> 
<div id="countdown2"></div> 
</p>

источник

2016-07-03 08:20:43

Запуск того же javascript для multiply onclicks

ответ

Смежные вопросы