Animation de texte dans une boite

DEMONSTRATION


Code source en 3 parties

Entre <HEAD> et <HEAD>
top

<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
//Merci de ne pas effacer ces lignes
//D'autres script,applet,images sur webgraf.Com 
//Mathieu Gros, webmaster@webgraf.Com
var timerID = null;
var timerRunning = false;
function startclock () {
        if(timerRunning)
                clearTimeout(timerID);
        timerRunning = false;
        showtime();
}
function showtime () {
        var localnow = new Date();
        var lTime = localnow.getTime()+ (localnow.getTimezoneOffset()-60)*60;
        var now = new Date(lTime);
        var hours = now.getHours();
        var minutes = now.getMinutes();
        var seconds = now.getSeconds()
        var days = now.getDate();
        var timeValue = hours 
        var timeDate = now.getDate() + "-" + (now.getMonth()+1) + "-" + now.getYear()
        timeValue += ((minutes < 10) ? ":0" : ":") + minutes
        timeValue += ((seconds < 10) ? ":0" : ":") + seconds
        document.clock.face.value = timeValue;
        document.clock.date.value = timeDate;
        timerID = setTimeout("showtime()",1000);
        timerRunning = true;
}
// -->
</script>
 

Dans la balise <BODY>
top

<body onload="startclock()">
 

Entre <BODY> et <BODY>
top

<form  name="clock" onSubmit="0">
<input  type="text" name="date" size=8 value=""></input>
<input  type="text" name="face" size=8 value=""></input>
</form>
 
INFORMATIONS COMPLEMENTAIRES
top

Comment intégrer ce script dans votre page: Vous pouvez télécharger cette page au format zip :télécharger.








Un problème ou une critique : e-mail
Des ressources utiles et gratuites pour vos pages Web :
webgraf.com