Maison > interface Web > js tutoriel > Méthode JavaScript pour afficher l'heure actuelle en temps réel grâce aux compétences setTimeout_javascript

Méthode JavaScript pour afficher l'heure actuelle en temps réel grâce aux compétences setTimeout_javascript

WBOY
Libérer: 2016-05-16 16:03:36
original
2050 Les gens l'ont consulté

L'exemple de cet article décrit comment JavaScript affiche l'heure actuelle en temps réel via setTimeout. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="content-type" content="text/html;charset=gb2312" />

 <title>JS小测试</title>

 </head>

 <body>

  <style type="text/css">

   #time

   {

    background-color:#eee;

   }

  </style>

  <script type="text/javascript">

   function showtime()

   {

    var myDate = new Date();

    document.getElementById("time").innerHTML = myDate.getHours()

 + "时" + myDate.getMinutes() + "分"

 + myDate.getSeconds() + "秒" ;

    setTimeout("showtime()",1000);

    }

</script>

  <div id="time">

   <script type="text/javascript">showtime();</script>

  </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:
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