简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

js implémente des compétences simples de chronomètre effect_javascript

WBOY
Libérer： 2016-05-16 15:46:37
original
1816 Les gens l'ont consulté

Cet article présente l'exemple de javascript pour implémenter un simple effet chronomètre. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Le diagramme d'effet de fonctionnement est le suivant :

Code d'implémentation : 

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10) 
 {i="0" + i}
 return i
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
Copier après la connexion

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

Étiquettes associées：
js时钟特效 简单的时钟特效
source：php.cn
Article précédent：Comment filtrer les balises HTML et mettre en évidence des mots-clés avec jQuery_jquery Article suivant：Méthode Javascript pour acquérir des compétences effect_javascript en matière de feux d'artifice en arrière-plan de page Web
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
Derniers articles par auteur
Derniers numéros
La question est toujours la même, mais le titre est réécrit comme suit : Ma fonction aléatoire Javascript ne parvient pas à générer des réponses valides Je crée un simple jeu générateur de nombres aléatoires en utilisant JS et HTML. Dans ce je...
Depuis 2024-04-03 22:03:14
0
1
275
L'activation du bouton provoque un dysfonctionnement de l'effet de survol J'ai essayé d'apprendre les bases du développement Web (HTML, CSS et JS), j'ai donc essayé...
Depuis 2024-04-01 21:51:26
0
1
396
Comment faire un rendu conditionnel dans Vue Je développe une application qui peut être utilisée pour créer des tâches et les regrouper...
Depuis 2024-04-01 19:36:54
0
1
329
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！