Loading:


    Zegarek na przycisku

    Skrypt podaje dynamicznie czas po nasunięciu kursora myszki nad przycisk (IE) lub kliknięciu (NC).



    Napisz Artyku³

    Listing


    //HEAD

    <script language=javaScript>
    <!-- Beginning of JavaScript -

    var showtime=true
    var timer
    var i_sec=0

    function clockon() {
        if (i_sec < 5) {
                thistime= new Date()
                var hours=thistime.getHours()
                var minutes=thistime.getMinutes()
                var seconds=thistime.getSeconds()
                if (eval(hours) <10) {hours="0"+hours}
                if (eval(minutes) < 10) {minutes="0"+minutes}
                if (seconds < 10) {seconds="0"+seconds}
                thistime = "----- "+hours+":"+minutes+":"+seconds+" -----"
                document.forms[0].elements[0].value=thistime
            i_sec++
                timer=setTimeout("clockon()",1000)
        }
        else {
            clearTimeout(timer)
            i_sec=0
            document.forms[0].elements[0].value="Podaj czas"
        }
    }

    function clockoff() {
            clearTimeout(timer)
        document.forms[0].elements[0].value="Podaj czas"
    }

    // - End of JavaScript - -->
    </script>



    // BODY

    <form>
    <input type="button" value="Podaj czas" onClick="clockon()" onMouseOver="clockon()" onMouseOut="clockoff()">
    </form>
     




    Dodano przez: igor
    Ranga: Administrator serwisu Punktów: 0
    Komentarze użytkowników
    Dodam, że po 5 sekundach, zegar się wyłączy i trzeba będzie go włączyć ponownie.
    autor: guest123 | 28 | 2008-12-26 14:47:56


    Jeśli chcesz aby czas wyswietlania był dłuższy ustaw if (i_sec < 5) na wyższą liczbe, to polega na tym że najeżdżasz widzisz godzine i koniec dlatego wyłącza się po 5 sekundach.
    autor: Igor | 29 | 2008-12-26 15:28:02


      • Tre¶æ komentarza
        Kod do komentarza (opcjonalnie)
        PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
        Autor
        Token
        token

         

         








    funkcje.net
    Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2025 v.1.5 | design: diviXdesign & rainbowcolors