Sélectionner une page

⏰ 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);
}