Bonjour à tous,

J'ai récupé deux scripts sur internet qui fonctionnent très bien.
Ils peuvent intéresser certains novices comme moi.

Le premier permet de changer la couleur du bouton durant une période :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<script>
var webbutton="";
function setTo20s (webbutton) {
document.getElementById(webbutton).style.backgroundColor = "#FF0000";
setTimeout(function(){ setToBlack(webbutton) }, 20000);
} 
function setToBlack (webbutton){
document.getElementById(webbutton).style.backgroundColor= "#009933";
}
</script>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<a href="https://www.google.fr/"  target="_blank">
<input type="button" name="clickMe" id="test" value="Test Google" onclick="setTo20s('test')"/></a>

Le second est un compteur qui décrémente le temps :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
    <script>
                               var seconds = 300;
                               function secondPassed() {
                               var minutes = Math.round((seconds - 30)/60);
                               var remainingSeconds = seconds % 60;
                               if (remainingSeconds < 10) {
                               remainingSeconds = "0" + remainingSeconds;  
                               }
                               document.getElementById('countdown').innerHTML = minutes + ":" + remainingSeconds;
                               if (seconds == 0) {
                               clearInterval(countdownTimer);
                               document.getElementById('countdown').innerHTML = "Buzz Buzz";
                               } else {
                               seconds--;
                               }
                               }
                               var countdownTimer = setInterval('secondPassed()', 1000);
    </script>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<span id="countdown" class="timer">

Mon souhait est d'intégrer le script du compteur de décompte (script 2) dans le script du bouton de couleur (script 1) afin de visualiser simultanément le changement de couleur et le décompte lorsque je clique sur le bouton.
J'ai tenté beaucoup de chose, mais je n'ai pas vos talents.
Si quelqu'un à une solution, merci