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 :
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> |
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 :
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> |
<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
Partager