{"id":455705,"date":"2025-12-26T09:47:38","date_gmt":"2025-12-26T08:47:38","guid":{"rendered":"https:\/\/www.dynseo.com\/nos-outils\/timer-visueel\/"},"modified":"2026-01-27T23:06:47","modified_gmt":"2026-01-27T22:06:47","slug":"timer-visueel","status":"publish","type":"page","link":"https:\/\/www.dynseo.com\/nl\/timer-visueel\/","title":{"rendered":"timer visueel"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;1252px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->.dynseo-article{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.8;color:#2c3e50;max-width:100%;box-sizing:border-box}<!-- [et_pb_line_break_holder] -->.dynseo-article *{box-sizing:border-box}<!-- [et_pb_line_break_holder] -->.dynseo-article h2{font-size:1.8rem;color:#1a1a2e;margin:40px 0 20px;padding-bottom:12px;border-bottom:3px solid #a9e2e4;font-weight:700}<!-- [et_pb_line_break_holder] -->.dynseo-article h3{font-size:1.3rem;color:#5e5ed7;margin:30px 0 15px;font-weight:600}<!-- [et_pb_line_break_holder] -->.dynseo-article p{margin-bottom:18px;font-size:1.05rem}<!-- [et_pb_line_break_holder] -->.dynseo-article .dynseo-intro{font-size:1.1rem;color:#64748b;border-left:4px solid #a9e2e4;padding:18px 22px;margin:25px 0;font-style:italic;background:linear-gradient(90deg,rgba(169,226,228,0.1),transparent);border-radius:0 12px 12px 0}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Bloc timer dans le style \"carte\" classique, sans grand fond de page *\/<!-- [et_pb_line_break_holder] -->.dynseo-article .timer-wrapper{<!-- [et_pb_line_break_holder] -->    margin:30px 0 40px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .timer-card{<!-- [et_pb_line_break_holder] -->    background:#ffffff;<!-- [et_pb_line_break_holder] -->    border-radius:24px;<!-- [et_pb_line_break_holder] -->    padding:30px 25px 35px;<!-- [et_pb_line_break_holder] -->    box-shadow:0 8px 30px rgba(15,23,42,0.10);<!-- [et_pb_line_break_holder] -->    border:2px solid #e5e7eb;<!-- [et_pb_line_break_holder] -->    max-width:600px;<!-- [et_pb_line_break_holder] -->    margin:0 auto;<!-- [et_pb_line_break_holder] -->    text-align:center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .timer-title{<!-- [et_pb_line_break_holder] -->    font-size:1.4rem;<!-- [et_pb_line_break_holder] -->    font-weight:700;<!-- [et_pb_line_break_holder] -->    color:#1a1a2e;<!-- [et_pb_line_break_holder] -->    margin-bottom:10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .timer-subtitle{<!-- [et_pb_line_break_holder] -->    font-size:.98rem;<!-- [et_pb_line_break_holder] -->    color:#64748b;<!-- [et_pb_line_break_holder] -->    margin-bottom:20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Affichage du temps *\/<!-- [et_pb_line_break_holder] -->.dynseo-article .timer-display{<!-- [et_pb_line_break_holder] -->    font-size:4rem;<!-- [et_pb_line_break_holder] -->    font-weight:700;<!-- [et_pb_line_break_holder] -->    color:#5e5ed7;<!-- [et_pb_line_break_holder] -->    margin:20px 0;<!-- [et_pb_line_break_holder] -->    font-family:'Courier New',monospace;<!-- [et_pb_line_break_holder] -->    text-shadow:0 2px 4px rgba(15,23,42,0.15);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .timer-display.warning{<!-- [et_pb_line_break_holder] -->    color:#ffa500;<!-- [et_pb_line_break_holder] -->    animation:timer-pulse 1s infinite;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .timer-display.danger{<!-- [et_pb_line_break_holder] -->    color:#ff6b6b;<!-- [et_pb_line_break_holder] -->    animation:timer-pulse 0.6s infinite;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@keyframes timer-pulse{<!-- [et_pb_line_break_holder] -->    0%,100%{transform:scale(1)}<!-- [et_pb_line_break_holder] -->    50%{transform:scale(1.05)}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Barre de progression *\/<!-- [et_pb_line_break_holder] -->.dynseo-article .progress-bar-container{<!-- [et_pb_line_break_holder] -->    width:100%;<!-- [et_pb_line_break_holder] -->    height:26px;<!-- [et_pb_line_break_holder] -->    background:#e9ecef;<!-- [et_pb_line_break_holder] -->    border-radius:20px;<!-- [et_pb_line_break_holder] -->    overflow:hidden;<!-- [et_pb_line_break_holder] -->    margin:15px 0 25px;<!-- [et_pb_line_break_holder] -->    box-shadow:inset 0 2px 4px rgba(15,23,42,0.10);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .progress-bar{<!-- [et_pb_line_break_holder] -->    height:100%;<!-- [et_pb_line_break_holder] -->    background:linear-gradient(90deg,#51cf66 0%,#37b24d 100%);<!-- [et_pb_line_break_holder] -->    border-radius:20px;<!-- [et_pb_line_break_holder] -->    transition:width 1s linear,background 0.3s ease;<!-- [et_pb_line_break_holder] -->    display:flex;<!-- [et_pb_line_break_holder] -->    align-items:center;<!-- [et_pb_line_break_holder] -->    justify-content:flex-end;<!-- [et_pb_line_break_holder] -->    padding-right:12px;<!-- [et_pb_line_break_holder] -->    color:#fff;<!-- [et_pb_line_break_holder] -->    font-weight:600;<!-- [et_pb_line_break_holder] -->    font-size:.9rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .progress-bar.warning{<!-- [et_pb_line_break_holder] -->    background:linear-gradient(90deg,#ffa500 0%,#ff8c00 100%);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .progress-bar.danger{<!-- [et_pb_line_break_holder] -->    background:linear-gradient(90deg,#ff6b6b 0%,#ee5a6f 100%);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Boutons *\/<!-- [et_pb_line_break_holder] -->.dynseo-article .controls{<!-- [et_pb_line_break_holder] -->    display:flex;<!-- [et_pb_line_break_holder] -->    flex-wrap:wrap;<!-- [et_pb_line_break_holder] -->    gap:10px;<!-- [et_pb_line_break_holder] -->    justify-content:center;<!-- [et_pb_line_break_holder] -->    margin:20px 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .timer-btn{<!-- [et_pb_line_break_holder] -->    padding:10px 22px;<!-- [et_pb_line_break_holder] -->    font-size:1rem;<!-- [et_pb_line_break_holder] -->    border:none;<!-- [et_pb_line_break_holder] -->    border-radius:999px;<!-- [et_pb_line_break_holder] -->    cursor:pointer;<!-- [et_pb_line_break_holder] -->    font-weight:600;<!-- [et_pb_line_break_holder] -->    transition:all .25s ease;<!-- [et_pb_line_break_holder] -->    box-shadow:0 4px 8px rgba(15,23,42,0.15);<!-- [et_pb_line_break_holder] -->    color:#fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .timer-btn:hover{<!-- [et_pb_line_break_holder] -->    transform:translateY(-2px);<!-- [et_pb_line_break_holder] -->    box-shadow:0 7px 16px rgba(15,23,42,0.20);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .timer-btn:active{<!-- [et_pb_line_break_holder] -->    transform:translateY(0);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .start-btn{background:linear-gradient(135deg,#51cf66,#37b24d)}<!-- [et_pb_line_break_holder] -->.dynseo-article .pause-btn{background:linear-gradient(135deg,#ffa500,#ff8c00)}<!-- [et_pb_line_break_holder] -->.dynseo-article .reset-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Dur\u00e9es et temps perso *\/<!-- [et_pb_line_break_holder] -->.dynseo-article .label{<!-- [et_pb_line_break_holder] -->    font-size:.98rem;<!-- [et_pb_line_break_holder] -->    color:#4b5563;<!-- [et_pb_line_break_holder] -->    margin:15px 0 8px;<!-- [et_pb_line_break_holder] -->    font-weight:600;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .presets{<!-- [et_pb_line_break_holder] -->    display:grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns:repeat(auto-fit,minmax(90px,1fr));<!-- [et_pb_line_break_holder] -->    gap:8px;<!-- [et_pb_line_break_holder] -->    margin-bottom:18px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .preset-btn{<!-- [et_pb_line_break_holder] -->    padding:10px;<!-- [et_pb_line_break_holder] -->    font-size:.95rem;<!-- [et_pb_line_break_holder] -->    background:linear-gradient(135deg,#5e5ed7,#5268c9);<!-- [et_pb_line_break_holder] -->    color:#fff;<!-- [et_pb_line_break_holder] -->    border:none;<!-- [et_pb_line_break_holder] -->    border-radius:999px;<!-- [et_pb_line_break_holder] -->    cursor:pointer;<!-- [et_pb_line_break_holder] -->    font-weight:600;<!-- [et_pb_line_break_holder] -->    transition:all .25s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .preset-btn:hover{<!-- [et_pb_line_break_holder] -->    transform:translateY(-1px);<!-- [et_pb_line_break_holder] -->    box-shadow:0 5px 12px rgba(37,99,235,0.35);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .custom-time{<!-- [et_pb_line_break_holder] -->    margin-top:10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .custom-time input{<!-- [et_pb_line_break_holder] -->    padding:8px 10px;<!-- [et_pb_line_break_holder] -->    font-size:1rem;<!-- [et_pb_line_break_holder] -->    border:2px solid #5e5ed7;<!-- [et_pb_line_break_holder] -->    border-radius:10px;<!-- [et_pb_line_break_holder] -->    width:80px;<!-- [et_pb_line_break_holder] -->    text-align:center;<!-- [et_pb_line_break_holder] -->    margin-right:6px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Son de fin *\/<!-- [et_pb_line_break_holder] -->.dynseo-article .sound-toggle{<!-- [et_pb_line_break_holder] -->    margin:10px 0 18px;<!-- [et_pb_line_break_holder] -->    padding:8px 10px;<!-- [et_pb_line_break_holder] -->    background:#f8fafc;<!-- [et_pb_line_break_holder] -->    border-radius:10px;<!-- [et_pb_line_break_holder] -->    display:inline-flex;<!-- [et_pb_line_break_holder] -->    align-items:center;<!-- [et_pb_line_break_holder] -->    gap:8px;<!-- [et_pb_line_break_holder] -->    font-size:.95rem;<!-- [et_pb_line_break_holder] -->    color:#374151;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dynseo-article .sound-toggle input{<!-- [et_pb_line_break_holder] -->    transform:scale(1.2);<!-- [et_pb_line_break_holder] -->    cursor:pointer;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Responsive *\/<!-- [et_pb_line_break_holder] -->@media(max-width:600px){<!-- [et_pb_line_break_holder] -->    .dynseo-article .timer-card{padding:22px 18px}<!-- [et_pb_line_break_holder] -->    .dynseo-article .timer-display{font-size:3rem}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"dynseo-article\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"dynseo-intro\"><!-- [et_pb_line_break_holder] -->    Deze visuele timer stelt u in staat om eenvoudig de tijd te beheren tijdens uw trainingssessies, spellen of workshops.<!-- [et_pb_line_break_holder] -->    De resterende tijd wordt groot weergegeven en een voortgangsbalk verandert van kleur om het naderende eind aan te geven.<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<h2>Een visuele timer gebruiken tijdens uw trainingen<\/h2>\n<p><!-- [et_pb_line_break_holder] -->  <pee><!-- [et_pb_line_break_holder] -->    De visuele timer is bijzonder nuttig om activiteiten te structureren, deelnemers gerust te stellen en de aandacht te beheren<!-- [et_pb_line_break_holder] -->    van de aanwezigen. U kunt een vooraf ingestelde duur kiezen (1, 2, 3, 5, 10 of 15 minuten) of een aangepaste tijd instellen.<!-- [et_pb_line_break_holder] -->  <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"timer-wrapper\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"timer-card\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"timer-title\">\u23f1\ufe0f Visuele timer<\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"timer-subtitle\">Start de aftelling en volg eenvoudig de resterende tijd.<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"label\">Resterende tijd:<\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"timer-display\" id=\"timerDisplay\">00:00<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"progress-bar-container\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"progress-bar\" id=\"progressBar\">100%<\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"controls\"><!-- [et_pb_line_break_holder] -->        <button class=\"timer-btn start-btn\" id=\"startBtn\" onclick=\"startTimer()\">\u25b6\ufe0f Start<\/button><!-- [et_pb_line_break_holder] -->        <button class=\"timer-btn pause-btn\" id=\"pauseBtn\" onclick=\"pauseTimer()\" disabled>\u23f8\ufe0f Pauze<\/button><!-- [et_pb_line_break_holder] -->        <button class=\"timer-btn reset-btn\" onclick=\"resetTimer()\">\u27f2 Herstart<\/button><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"sound-toggle\"><!-- [et_pb_line_break_holder] -->        <label for=\"soundToggle\">Eindsignaal<\/label><!-- [et_pb_line_break_holder] -->        <input type=\"checkbox\" id=\"soundToggle\" checked><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"label\">Vooraf ingestelde tijden:<\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"presets\"><!-- [et_pb_line_break_holder] -->        <button class=\"preset-btn\" onclick=\"setTimer(1)\">1 min<\/button><!-- [et_pb_line_break_holder] -->        <button class=\"preset-btn\" onclick=\"setTimer(2)\">2 min<\/button><!-- [et_pb_line_break_holder] -->        <button class=\"preset-btn\" onclick=\"setTimer(3)\">3 min<\/button><!-- [et_pb_line_break_holder] -->        <button class=\"preset-btn\" onclick=\"setTimer(5)\">5 min<\/button><!-- [et_pb_line_break_holder] -->        <button class=\"preset-btn\" onclick=\"setTimer(10)\">10 min<\/button><!-- [et_pb_line_break_holder] -->        <button class=\"preset-btn\" onclick=\"setTimer(15)\">15 min<\/button><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"custom-time\"><!-- [et_pb_line_break_holder] -->        <span class=\"label\">Aangepaste tijd (minuten):<\/span><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->        <input type=\"number\" id=\"customMinutes\" min=\"1\" max=\"60\" value=\"5\"><!-- [et_pb_line_break_holder] -->        <button class=\"preset-btn\" onclick=\"setCustomTimer()\">\u2713 OK<\/button><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->let totalSeconds = 0;<!-- [et_pb_line_break_holder] -->let remainingSeconds = 0;<!-- [et_pb_line_break_holder] -->let timerInterval = null;<!-- [et_pb_line_break_holder] -->let isRunning = false;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->const timerDisplay = document.getElementById('timerDisplay');<!-- [et_pb_line_break_holder] -->const progressBar = document.getElementById('progressBar');<!-- [et_pb_line_break_holder] -->const startBtn = document.getElementById('startBtn');<!-- [et_pb_line_break_holder] -->const pauseBtn = document.getElementById('pauseBtn');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function setTimer(minutes) {<!-- [et_pb_line_break_holder] -->    if (isRunning) return;<!-- [et_pb_line_break_holder] -->    totalSeconds = minutes * 60;<!-- [et_pb_line_break_holder] -->    remainingSeconds = totalSeconds;<!-- [et_pb_line_break_holder] -->    updateDisplay();<!-- [et_pb_line_break_holder] -->    updateProgressBar();<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function setCustomTimer() {<!-- [et_pb_line_break_holder] -->    const minutes = parseInt(document.getElementById('customMinutes').value);<!-- [et_pb_line_break_holder] -->    if (minutes > 0) {<!-- [et_pb_line_break_holder] -->        setTimer(minutes);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function startTimer() {<!-- [et_pb_line_break_holder] -->    if (remainingSeconds === 0) {<!-- [et_pb_line_break_holder] -->        alert('Stel eerst een tijd in!');<!-- [et_pb_line_break_holder] -->        return;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    if (isRunning) return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    isRunning = true;<!-- [et_pb_line_break_holder] -->    startBtn.disabled = true;<!-- [et_pb_line_break_holder] -->    pauseBtn.disabled = false;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    timerInterval = setInterval(() => {<!-- [et_pb_line_break_holder] -->        remainingSeconds--;<!-- [et_pb_line_break_holder] -->        updateDisplay();<!-- [et_pb_line_break_holder] -->        updateProgressBar();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (remainingSeconds <= 0) {<!-- [et_pb_line_break_holder] -->            remainingSeconds = 0;<!-- [et_pb_line_break_holder] -->            endTimer();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }, 1000);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function pauseTimer() {<!-- [et_pb_line_break_holder] -->    isRunning = false;<!-- [et_pb_line_break_holder] -->    clearInterval(timerInterval);<!-- [et_pb_line_break_holder] -->    startBtn.disabled = false;<!-- [et_pb_line_break_holder] -->    pauseBtn.disabled = true;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function resetTimer() {<!-- [et_pb_line_break_holder] -->    pauseTimer();<!-- [et_pb_line_break_holder] -->    remainingSeconds = totalSeconds;<!-- [et_pb_line_break_holder] -->    updateDisplay();<!-- [et_pb_line_break_holder] -->    updateProgressBar();<!-- [et_pb_line_break_holder] -->    timerDisplay.className = 'timer-display';<!-- [et_pb_line_break_holder] -->    progressBar.className = 'progress-bar';<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function endTimer() {<!-- [et_pb_line_break_holder] -->    pauseTimer();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Son de fin si activ\u00e9<!-- [et_pb_line_break_holder] -->    if (document.getElementById('soundToggle').checked) {<!-- [et_pb_line_break_holder] -->        playEndSound();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Affichage de fin<!-- [et_pb_line_break_holder] -->    timerDisplay.textContent = 'KLAAR!';<!-- [et_pb_line_break_holder] -->    timerDisplay.className = 'timer-display danger';<!-- [et_pb_line_break_holder] -->    progressBar.style.width = '0%';<!-- [et_pb_line_break_holder] -->    progressBar.textContent = '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ R\u00e9initialiser apr\u00e8s 3 secondes<!-- [et_pb_line_break_holder] -->    setTimeout(() => {<!-- [et_pb_line_break_holder] -->        resetTimer();<!-- [et_pb_line_break_holder] -->    }, 3000);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function updateDisplay() {<!-- [et_pb_line_break_holder] -->    const minutes = Math.floor(remainingSeconds \/ 60);<!-- [et_pb_line_break_holder] -->    const seconds = remainingSeconds % 60;<!-- [et_pb_line_break_holder] -->    timerDisplay.textContent =<!-- [et_pb_line_break_holder] -->        String(minutes).padStart(2, '0') + ':' +<!-- [et_pb_line_break_holder] -->        String(seconds).padStart(2, '0');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const percentage = totalSeconds > 0 ? (remainingSeconds \/ totalSeconds) * 100 : 0;<!-- [et_pb_line_break_holder] -->    timerDisplay.className = 'timer-display';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    if (percentage <= 20) {<!-- [et_pb_line_break_holder] -->        timerDisplay.classList.add('danger');<!-- [et_pb_line_break_holder] -->    } else if (percentage <= 50) {<!-- [et_pb_line_break_holder] -->        timerDisplay.classList.add('warning');<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function updateProgressBar() {<!-- [et_pb_line_break_holder] -->    const percentage = totalSeconds > 0 ? (remainingSeconds \/ totalSeconds) * 100 : 0;<!-- [et_pb_line_break_holder] -->    progressBar.style.width = percentage + '%';<!-- [et_pb_line_break_holder] -->    progressBar.textContent = percentage > 0 ? Math.round(percentage) + '%' : '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    progressBar.className = 'progress-bar';<!-- [et_pb_line_break_holder] -->    if (percentage <= 20) {<!-- [et_pb_line_break_holder] -->        progressBar.classList.add('danger');<!-- [et_pb_line_break_holder] -->    } else if (percentage <= 50) {<!-- [et_pb_line_break_holder] -->        progressBar.classList.add('warning');<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function playEndSound() {<!-- [et_pb_line_break_holder] -->    const audioContext = new (window.AudioContext || window.webkitAudioContext)();<!-- [et_pb_line_break_holder] -->    const oscillator = audioContext.createOscillator();<!-- [et_pb_line_break_holder] -->    const gainNode = audioContext.createGain();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    oscillator.connect(gainNode);<!-- [et_pb_line_break_holder] -->    gainNode.connect(audioContext.destination);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    oscillator.frequency.value = 800;<!-- [et_pb_line_break_holder] -->    oscillator.type = 'sine';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gainNode.gain.setValueAtTime(0.3, audioContext.currentTime);<!-- [et_pb_line_break_holder] -->    gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.5);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    oscillator.start(audioContext.currentTime);<!-- [et_pb_line_break_holder] -->    oscillator.stop(audioContext.currentTime + 0.5);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Initialiser \u00e0 2 minutes par d\u00e9faut<!-- [et_pb_line_break_holder] -->setTimer(2);<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Hoe gebruik je de visuele timer?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Om de visuele timer te gebruiken, kunt u ofwel een vooraf ingestelde duur (1, 2, 3, 5, 10 of 15 minuten) kiezen of een aangepaste tijd in minuten instellen. Klik vervolgens op de knop 'Start' om de aftelling te starten.\"}},{\"@type\":\"Question\",\"name\":\"Welke vooraf ingestelde tijden zijn beschikbaar?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"De beschikbare vooraf ingestelde tijden zijn: 1 minuut, 2 minuten, 3 minuten, 5 minuten, 10 minuten en 15 minuten. Deze opties stellen u in staat om snel een timer te starten zonder handmatig de tijd in te voeren.\"}},{\"@type\":\"Question\",\"name\":\"Kan ik de duur van de timer aanpassen?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ja, u kunt een aangepaste tijd instellen met behulp van het veld 'Aangepaste tijd (minuten)'. Voer het gewenste aantal minuten in en klik op 'OK' om uw keuze te bevestigen.\"}},{\"@type\":\"Question\",\"name\":\"Hoe zet ik de timer op pauze of stop ik deze?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"U kunt de timer pauzeren door op de knop 'Pauze' (\u23f8\ufe0f) te klikken. Om de timer volledig te resetten, gebruikt u de knop 'Reset'.\"}},{\"@type\":\"Question\",\"name\":\"Is er een geluidssignaal aan het einde van de aftelling?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ja, de timer heeft een optie 'Eindsignaal' die u klankwaarschuwt wanneer de ingestelde tijd is verstreken.\"}},{\"@type\":\"Question\",\"name\":\"Hoe volg ik visueel de resterende tijd?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"De timer toont de resterende tijd in MM:SS-formaat en bevat een visuele voortgangsbalk die het percentage van de verstreken tijd aangeeft, waardoor het volgen van de aftelling eenvoudiger wordt.\"}}]}<\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":130227,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-455705","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>timer visueel - Educatieve app en geheugenspelletjes<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.dynseo.com\/nl\/timer-visueel\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"timer visueel - Educatieve app en geheugenspelletjes\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dynseo.com\/nl\/timer-visueel\/\" \/>\n<meta property=\"og:site_name\" content=\"Educatieve app en geheugenspelletjes\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-27T22:06:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2024\/07\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/timer-visueel\\\/\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/timer-visueel\\\/\",\"name\":\"timer visueel - Educatieve app en geheugenspelletjes\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/timer-visueel\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/timer-visueel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.dynseo.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png\",\"datePublished\":\"2025-12-26T08:47:38+00:00\",\"dateModified\":\"2026-01-27T22:06:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/timer-visueel\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/timer-visueel\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/timer-visueel\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png\",\"contentUrl\":\"https:\\\/\\\/www.dynseo.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png\",\"width\":2000,\"height\":1500,\"caption\":\"Houd je mentale behendigheid op peil met onze leuke en lonende activiteiten\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/timer-visueel\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"timer visueel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/#website\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/\",\"name\":\"Jeux de m\u00e9moire et stimulation cognitive\",\"description\":\"Entra\u00eenez votre m\u00e9moire et votre cerveau avec DYNSEO\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/#organization\",\"name\":\"DYNSEO\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/logo-dynseo-new.png\",\"contentUrl\":\"https:\\\/\\\/www.dynseo.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/logo-dynseo-new.png\",\"width\":5073,\"height\":1397,\"caption\":\"DYNSEO\"},\"image\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/nl\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"timer visueel - Educatieve app en geheugenspelletjes","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.dynseo.com\/nl\/timer-visueel\/","og_locale":"nl_NL","og_type":"article","og_title":"timer visueel - Educatieve app en geheugenspelletjes","og_url":"https:\/\/www.dynseo.com\/nl\/timer-visueel\/","og_site_name":"Educatieve app en geheugenspelletjes","article_modified_time":"2026-01-27T22:06:47+00:00","og_image":[{"width":2000,"height":1500,"url":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2024\/07\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png","type":"image\/png"}],"twitter_misc":{"Geschatte leestijd":"1 minuut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.dynseo.com\/nl\/timer-visueel\/","url":"https:\/\/www.dynseo.com\/nl\/timer-visueel\/","name":"timer visueel - Educatieve app en geheugenspelletjes","isPartOf":{"@id":"https:\/\/www.dynseo.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dynseo.com\/nl\/timer-visueel\/#primaryimage"},"image":{"@id":"https:\/\/www.dynseo.com\/nl\/timer-visueel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2024\/07\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png","datePublished":"2025-12-26T08:47:38+00:00","dateModified":"2026-01-27T22:06:47+00:00","breadcrumb":{"@id":"https:\/\/www.dynseo.com\/nl\/timer-visueel\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dynseo.com\/nl\/timer-visueel\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.dynseo.com\/nl\/timer-visueel\/#primaryimage","url":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2024\/07\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png","contentUrl":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2024\/07\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png","width":2000,"height":1500,"caption":"Houd je mentale behendigheid op peil met onze leuke en lonende activiteiten"},{"@type":"BreadcrumbList","@id":"https:\/\/www.dynseo.com\/nl\/timer-visueel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.dynseo.com\/nl\/"},{"@type":"ListItem","position":2,"name":"timer visueel"}]},{"@type":"WebSite","@id":"https:\/\/www.dynseo.com\/nl\/#website","url":"https:\/\/www.dynseo.com\/nl\/","name":"Jeux de m\u00e9moire et stimulation cognitive","description":"Entra\u00eenez votre m\u00e9moire et votre cerveau avec DYNSEO","publisher":{"@id":"https:\/\/www.dynseo.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dynseo.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/www.dynseo.com\/nl\/#organization","name":"DYNSEO","url":"https:\/\/www.dynseo.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.dynseo.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2022\/05\/logo-dynseo-new.png","contentUrl":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2022\/05\/logo-dynseo-new.png","width":5073,"height":1397,"caption":"DYNSEO"},"image":{"@id":"https:\/\/www.dynseo.com\/nl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.dynseo.com\/nl\/wp-json\/wp\/v2\/pages\/455705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dynseo.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dynseo.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/nl\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/nl\/wp-json\/wp\/v2\/comments?post=455705"}],"version-history":[{"count":11,"href":"https:\/\/www.dynseo.com\/nl\/wp-json\/wp\/v2\/pages\/455705\/revisions"}],"predecessor-version":[{"id":491553,"href":"https:\/\/www.dynseo.com\/nl\/wp-json\/wp\/v2\/pages\/455705\/revisions\/491553"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/nl\/wp-json\/wp\/v2\/media\/130227"}],"wp:attachment":[{"href":"https:\/\/www.dynseo.com\/nl\/wp-json\/wp\/v2\/media?parent=455705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}