Visualizzazione dei risultati da 1 a 3 su 3

Discussione: JS Orario con img

  1. #1

    JS Orario con img

    Ciao a tutti, ho cercato uno script da inserire nel mio sito di un orario, ma formato da immagini e non da comuni numeri.
    Ad esempio ora sono le 17.22 ma non vorrei visualizzarlo con 17.22 ma con delle immagini create da me.. ad esempio 1.gif (che è una .gif che rappresenta il numero 1), 2.gif (rappresenta il numero 2), 3.gif e cosi via fino ad arrivare alle 24 ore.
    Qualcuno ah qualcosa da consigliarmi?
    grazie

  2. #2
    ne ho visto uno qualche giorno fa ...era veramente fatto bene, ma non mi sono segnato l'indirizzo, e non ho neanche scopiazzato lo script

    cmq se ricerche nei motori di richerca "ora esatta" prima o poi trovi qualche sito che lo fa


    ...difatti ho trovato ora questo:
    http://digilander.libero.it/BANANA/ora2.htm
    Farmacia di Jarno - le mie pillole: Cookie [#780810], Dom4Php4 [#1123236], Fade [#1139489], getCssProperty [#1152911]
    Inchinatevi difronte al Prof! Nacchio!

    A me pare che l'uomo vada avanti con la retromarcia

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2001
    Messaggi
    3,259
    avevo fatto uno script ai tempi... nn lo trovavo + online... sul forum... dove è arrivato?


    cmq...

    codice:
    <script>
    function orologio(){
    var oggi=new Date()
    //Estensione delle immagini
    var esten="gif"
    //Array relativo al divisore
    var divisore=new Array()
    //Nome del file(senza estensione) del divisore(usiamo i : di solito, infatti HH:MM:SS e l'immagine che cerco contiene i :)
    divisore[1]="divisore"
    divisore[2]="[img]+divisore[1]+[/img]"
    //Array relativo alle ore
    var ora = new Array()
    ora[1]=oggi.getHours()
    ora[2]=String(ora[1])
    //Controllo la lunghezza dell'ora e se necessario antepongo uno zero
    if(ora[2].length==1) {
    ora[2]="0"+ora[2]
    }
    ora[3]=ora[2].substr(0,1)
    ora[4]=ora[2].substr(1,2)
    ora[5]="[img]+ora[3]+[/img]"
    ora[6]="[img]+ora[4]+[/img]"
    
    //Array relativo ai minuti
    var minuto= new Array()
    minuto[1]=oggi.getMinutes()
    minuto[2]=String(minuto[1])
    //Controllo la lunghezza del minuto e se necessario antepongo uno zero
    if(minuto[2].length==1) {
    minuto[2]="0"+minuto[2]
    }
    minuto[3]=minuto[2].substr(0,1)
    minuto[4]=minuto[2].substr(1,2)
    minuto[5]="[img]+minuto[3]+[/img]"
    minuto[6]="[img]+minuto[4]+[/img]"
    
    //Array relativo ai secondi
    var secondo= new Array()
    secondo[1]=oggi.getSeconds()
    secondo[2]=String(secondo[1])
    //Controllo la lunghezza del secondo e se necessario antepongo uno zero
    if(secondo[2].length==1) {
    secondo[2]="0"+secondo[2]
    }
    secondo[3]=secondo[2].substr(0,1)
    secondo[4]=secondo[2].substr(1,2)
    secondo[5]="[img]+secondo[3]+[/img]"
    secondo[6]="[img]+secondo[4]+[/img]"
    //Sommo le variabili e le scrivo nella tabella
    document.getElementById("posto_orologio").innerHTML=ora[5]+ora[6]+divisore[2]+minuto[5]+minuto[6]+divisore[2]+secondo[5]+secondo[6]
    }
    function nascondi() {
    //controllo se c'è in esecuzione un setInterval e lo cancello
    if (acceso) clearInterval(acceso);
    //Mostro ORA NASCOSTA
    document.getElementById("posto_orologio").innerHTML="Ora nascosta"
    }
    function mostra(){
    //Maschero il secondo di caricamento dell'ora
    document.getElementById("posto_orologio").innerHTML="Caricamento data in corso..."
    //faccio partire la funzione OROLOGIO ogni secondo e racchiudo tutto nella variabile ACCESO (per la funzione NASCONDI)
    acceso= setInterval('orologio()','1000')
    }
    </script>
    <body>
    <table bgcolor="aqua" height="40" width="207">
    <tr>
    <td id="posto_orologio" align="center" width="207" height="25">  </td>
    </tr>
    <tr>
    <td><input type="button" value="Mostra ora" onclick="mostra()"><input onclick="nascondi()"type="button" value="Nascondi ora">
    </tr>
    
    </table>

    è un po' rudimentale... ma efficace :-) se vuoi ci aggiungi un preload ed è perfetto

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.