⏰ Vous souhaitez créer un compte à rebours / timer personnalisé avec Storyline (📢 et activer n’importe quel déclencheur à la fin) ?

😃 Ça tombe bien, car c’est ce que je vous propose de faire ça avec un petit code JavaScript.

👨🏻‍💻 Comme il y a eu pas mal d’engouement pour la dernière vidéo avec le code JS pour passer en plein écran (🙏 Merci !!)

📨 Et que vous êtes plusieurs à m’en avoir demandé d’autres, j’ai eu envie de vous partager celui-ci que je trouve bien utile.

🎨 C’est qui top, c’est que vous pouvez l’intégrer directement dans vos diapositives et qu’il est entièrement personnalisable pour respecter vos plus belles chartes graphiques ^^

💬 Dites-moi ce que vous en avez pensé et si vous souhaitez (encore ^^) d’autres petits codes comme celui-ci en commentaires !

👍 N’hésitez pas aussi “liker” si vous avez aimé et 🔗 partager la vidéo si elle peut être utile à quelqu’un.

🤗 Merci et très bonne journée à tou.te.s

CI-DESSOUS, VOICI LE CODE QUE VOUS POUVEZ COPIER / COLLER :

Source : https://community.articulate.com/discussions/building-better-courses/how-to-create-a-countdown-tutorial

Note importante : Ce code provient de recherches web et de la source ci-dessus. Vous êtes responsable de son utilisation et il est donc important que vous le fassiez valider par un professionnel si vous avez le moindre doute et/ou si vous l’utilisez dans un environnement particulier.

function zeros(i) {
if (i < 10) {
i = “0” + i;
}
return i;
}

var fin=”Done”;
var player = GetPlayer();
var count = player.GetVar(“Timer_Duree”);
var minutes, seconds, timer, totalTime;
var counter = setInterval(timer, 1000);

function timer() {
count = count – 1;
minutes = zeros(Math.floor(count / 60));
seconds = zeros(count % 60);
if (count == 0){
player.SetVar(“Timer_Fin”,fin);
}
if (count < 0) {
clearInterval(counter);
return;
}
totalTime = minutes + ‘:’ + seconds;
player.SetVar(“Timer_Affichage”,totalTime);
}

FERMEZ-MOI EN CLIQUANT ICI !