Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Modificare dinamicamente il tempo di un timer Countdown

    Ciao ragazzi!
    Ho trovato un timer e vorrei effettuare 2 modifiche sul codice originale.

    1°: Poter modificare dinamicamente il tempo attuale, richiamando il nuovo tempo da una text area.

    Progetto del timer:
    http://jsfiddle.net/wr1ua0db/1973/

    Quindi come inserire una funzione che richiami il valore dei minuti mediante l'uso di una "text area"?
    esempio della mia text area:

    codice:
    <input type='text' name='nuovotempo' maxlength="2" value='' style='width:30px;' />
    in pratica dovrei avere, il tempo che scorre partendo da 60 minuti (che equivale al tempo settato di default) e appena desidero cambiare il tempo, inserire ad esempio "25" come valore nella text area affinchè il tempo riprenda a scorrere dai 25 minuti.

    2° Vorrei integrare una seconda funzione che mi permetta di scalare istantaneamente 2 minuti pigiando un semplice bottone


    Grazie per qualunque aiuto!

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Tieni presente che mancano i controlli sulla correttezza dei dati introdotti, li puoi implementare tu.

    aggiungi i controlli alla pagina
    codice:
    <input type="text" size="2" id="nuovo">
    <button onclick="timer=document.getElementById('nuovo').value*60;">Set</button>
    <button onclick="timer-=120;">-2 min</button>
    e modifica l'inizio della prima funzione
    codice:
    var timer;
    function startTimer(duration, display) {
        if(!timer) timer = duration;
        var minutes, seconds;
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Va benissimo è perfetto!
    Secondo te questo timer è stabile e affidabile? nel senso che i secondi sono secondi "veri" oppure potrebbe per qualche motivo rallentarsi? Mi è già capitato con un altro timer in js, che a volte rallentava e i secondi duravano un pò troppo.

    Ho visto che per altri timer ci sono funzioni per allineare il tempo a quello del pc, come la seguente:

    codice:
    $.countdown(function() {    $("#some-ele").html(this.getFormattedTime());
    Come implementare una cosa simile in questo timer?
    Inoltre è possibile inserire la funzione play/pausa usando toggle(); ?

    Grazie ancora per il grande aiuto!!!
    Ultima modifica di Tropotronick; 20-05-2016 a 11:58
    Il mio sito in flash... mmm... non mollo!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.