{"id":455608,"date":"2025-12-26T00:04:20","date_gmt":"2025-12-25T23:04:20","guid":{"rendered":"https:\/\/www.dynseo.com\/nos-outils\/timer-visivo\/"},"modified":"2026-01-16T11:41:54","modified_gmt":"2026-01-16T10:41:54","slug":"timer-visivo","status":"publish","type":"page","link":"https:\/\/www.dynseo.com\/it\/i-nostri-strumenti\/timer-visivo\/","title":{"rendered":"timer visivo"},"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] -->    Questo timer visivo ti permette di gestire facilmente il tempo durante le tue sessioni di formazione, giochi o laboratori.<!-- [et_pb_line_break_holder] -->    Il tempo rimanente \u00e8 visualizzato in grande e una barra di progresso cambia colore per segnalare l\u2019avvicinarsi della fine.<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<h2>Utilizzare un timer visivo durante le tue formazioni<\/h2>\n<p><!-- [et_pb_line_break_holder] -->  <pee><!-- [et_pb_line_break_holder] -->    Il timer visivo \u00e8 particolarmente utile per strutturare le attivit\u00e0, rassicurare i partecipanti e aiutare nella gestione<!-- [et_pb_line_break_holder] -->    dell\u2019attenzione. Puoi scegliere una durata predefinita (1, 2, 3, 5, 10 o 15 minuti) o impostare un tempo personalizzato.<!-- [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 Timer visivo<\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"timer-subtitle\">Avvia il conto alla rovescia e segui facilmente il tempo rimanente.<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"label\">Tempo rimanente:<\/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 Avvia<\/button><!-- [et_pb_line_break_holder] -->        <button class=\"timer-btn pause-btn\" id=\"pauseBtn\" onclick=\"pauseTimer()\" disabled>\u23f8\ufe0f Pausa<\/button><!-- [et_pb_line_break_holder] -->        <button class=\"timer-btn reset-btn\" onclick=\"resetTimer()\">\u27f2 Ripristina<\/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\">Suono di fine<\/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\">Durate predefinite:<\/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\">Tempo personalizzato (minuti):<\/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('Si prega di impostare prima una durata!');<!-- [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 = 'FINITO!';<!-- [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\":\"Come utilizzare il timer visivo?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Per utilizzare il timer visivo, puoi scegliere una durata predefinita (1, 2, 3, 5, 10 o 15 minuti) oppure impostare un tempo personalizzato in minuti. Poi, clicca sul pulsante 'Avvia' per iniziare il conto alla rovescia.\"}},{\"@type\":\"Question\",\"name\":\"Quali sono le durate predefinite disponibili?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Le durate predefinite disponibili sono: 1 minuto, 2 minuti, 3 minuti, 5 minuti, 10 minuti e 15 minuti. Queste opzioni permettono di avviare rapidamente un timer senza dover inserire manualmente il tempo.\"}},{\"@type\":\"Question\",\"name\":\"Posso personalizzare la durata del timer?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ec, puoi impostare un tempo personalizzato utilizzando il campo 'Tempo personalizzato (minuti)'. Inserisci il numero di minuti desiderato e clicca su 'OK' per confermare la tua scelta.\"}},{\"@type\":\"Question\",\"name\":\"Come mettere in pausa o fermare il timer?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Puoi mettere in pausa il timer cliccando sul pulsante 'Pausa' (\u23f8\ufe0f). Per azzerare completamente il timer, usa il pulsante 'Ripristina'.\"}},{\"@type\":\"Question\",\"name\":\"C'\u00e8 un segnale acustico alla fine del conto alla rovescia?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ec, il timer dispone di un'opzione 'Suono di fine' che ti avvertir\u00e0 acusticamente quando il tempo \u00e8 scaduto.\"}},{\"@type\":\"Question\",\"name\":\"Come seguire visivamente il tempo rimanente?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Il timer mostra il tempo rimanente in formato MM:SS e include una barra di progresso visiva che indica la percentuale di tempo trascorso, facilitando cos\u00ec il monitoraggio del conto alla rovescia.\"}}]}<\/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":477804,"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-455608","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 visivo - DYNSEO - App educativa e giochi di memoria<\/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\/it\/i-nostri-strumenti\/timer-visivo\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"timer visivo - DYNSEO - App educativa e giochi di memoria\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dynseo.com\/it\/i-nostri-strumenti\/timer-visivo\/\" \/>\n<meta property=\"og:site_name\" content=\"DYNSEO - App educativa e giochi di memoria\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-16T10:41:54+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=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/i-nostri-strumenti\\\/timer-visivo\\\/\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/i-nostri-strumenti\\\/timer-visivo\\\/\",\"name\":\"timer visivo - DYNSEO - App educativa e giochi di memoria\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/i-nostri-strumenti\\\/timer-visivo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/i-nostri-strumenti\\\/timer-visivo\\\/#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-25T23:04:20+00:00\",\"dateModified\":\"2026-01-16T10:41:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/i-nostri-strumenti\\\/timer-visivo\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.dynseo.com\\\/it\\\/i-nostri-strumenti\\\/timer-visivo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/i-nostri-strumenti\\\/timer-visivo\\\/#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\":\"Mantieni la tua agilit\u00e0 mentale con le nostre attivit\u00e0 divertenti e gratificanti\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/i-nostri-strumenti\\\/timer-visivo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"I nostri strumenti\",\"item\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/i-nostri-strumenti\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"timer visivo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/\",\"name\":\"Jeux de m\u00e9moire et stimulation cognitive\",\"description\":\"Con DYNSEO, la tua memoria mette il turbo!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/#organization\",\"name\":\"DYNSEO\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/it\\\/#\\\/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\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"timer visivo - DYNSEO - App educativa e giochi di memoria","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\/it\/i-nostri-strumenti\/timer-visivo\/","og_locale":"it_IT","og_type":"article","og_title":"timer visivo - DYNSEO - App educativa e giochi di memoria","og_url":"https:\/\/www.dynseo.com\/it\/i-nostri-strumenti\/timer-visivo\/","og_site_name":"DYNSEO - App educativa e giochi di memoria","article_modified_time":"2026-01-16T10:41:54+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":{"Tempo di lettura stimato":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.dynseo.com\/it\/i-nostri-strumenti\/timer-visivo\/","url":"https:\/\/www.dynseo.com\/it\/i-nostri-strumenti\/timer-visivo\/","name":"timer visivo - DYNSEO - App educativa e giochi di memoria","isPartOf":{"@id":"https:\/\/www.dynseo.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dynseo.com\/it\/i-nostri-strumenti\/timer-visivo\/#primaryimage"},"image":{"@id":"https:\/\/www.dynseo.com\/it\/i-nostri-strumenti\/timer-visivo\/#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-25T23:04:20+00:00","dateModified":"2026-01-16T10:41:54+00:00","breadcrumb":{"@id":"https:\/\/www.dynseo.com\/it\/i-nostri-strumenti\/timer-visivo\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dynseo.com\/it\/i-nostri-strumenti\/timer-visivo\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.dynseo.com\/it\/i-nostri-strumenti\/timer-visivo\/#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":"Mantieni la tua agilit\u00e0 mentale con le nostre attivit\u00e0 divertenti e gratificanti"},{"@type":"BreadcrumbList","@id":"https:\/\/www.dynseo.com\/it\/i-nostri-strumenti\/timer-visivo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.dynseo.com\/it\/"},{"@type":"ListItem","position":2,"name":"I nostri strumenti","item":"https:\/\/www.dynseo.com\/it\/i-nostri-strumenti\/"},{"@type":"ListItem","position":3,"name":"timer visivo"}]},{"@type":"WebSite","@id":"https:\/\/www.dynseo.com\/it\/#website","url":"https:\/\/www.dynseo.com\/it\/","name":"Jeux de m\u00e9moire et stimulation cognitive","description":"Con DYNSEO, la tua memoria mette il turbo!","publisher":{"@id":"https:\/\/www.dynseo.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dynseo.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.dynseo.com\/it\/#organization","name":"DYNSEO","url":"https:\/\/www.dynseo.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.dynseo.com\/it\/#\/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\/it\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.dynseo.com\/it\/wp-json\/wp\/v2\/pages\/455608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dynseo.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dynseo.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/it\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/it\/wp-json\/wp\/v2\/comments?post=455608"}],"version-history":[{"count":5,"href":"https:\/\/www.dynseo.com\/it\/wp-json\/wp\/v2\/pages\/455608\/revisions"}],"predecessor-version":[{"id":485429,"href":"https:\/\/www.dynseo.com\/it\/wp-json\/wp\/v2\/pages\/455608\/revisions\/485429"}],"up":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/it\/wp-json\/wp\/v2\/pages\/477804"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/it\/wp-json\/wp\/v2\/media\/130227"}],"wp:attachment":[{"href":"https:\/\/www.dynseo.com\/it\/wp-json\/wp\/v2\/media?parent=455608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}