Maison > interface Web > js tutoriel > Effet d'horloge numérique de compte à rebours de page Web implémenté par les compétences JS_javascript

Effet d'horloge numérique de compte à rebours de page Web implémenté par les compétences JS_javascript

WBOY
Libérer: 2016-05-16 16:11:41
original
1134 Les gens l'ont consulté

L'exemple de cet article décrit l'effet d'horloge numérique de compte à rebours de page Web implémenté par JS. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :




Compte à rebours implémenté en javascript

<script><br> window.onload = fonction ()<br> {<br> var oCountDown = document.getElementById("countdown");<br> var aInput = oCountDown.getElementsByTagName("input")[0];<br> var minuterie = null;<br> aInput.onclick = fonction ()<br> {<br> this.className == "" ? (timer = setInterval(updateTime, 1000), updateTime()) : (clearInterval(timer));<br> this.className = this.className == '' ? "annuler" : '';<br> };<br> format de fonction(a)<br> {<br> return a.toString().replace(/^(d)$/,'0$1')<br> ><br> fonction updateTime ()<br> {<br> var aSpan = oCountDown.getElementsByTagName("span");<br> var oRemain = aSpan[0].innerHTML.replace(/^0/,'') * 60 parseInt(aSpan[1].innerHTML.replace(/^0/,''));<br> if(oRemain <= 0)<br /> {<br /> clearInterval(minuterie);<br /> revenir<br /> ><br /> oRemain--;<br /> aSpan[0].innerHTML = format(parseInt(oRemain / 60));<br /> oRemain %= 60 ;<br /> aSpan[1].innerHTML = format(parseInt(oRemain));<br /> ><br /> ><br /> </script>



01minutes40secondes

Accueil du script www.jb51.net Effets de code

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal