recherche

Maison >interface Web >js tutoriel >Comment acquérir des compétences JS dynamiques en matière de date et d'heure_javascript

Comment acquérir des compétences JS dynamiques en matière de date et d'heure_javascript

WBOY
WBOYoriginal
2016-05-16 15:37:441100parcourir

Le code étant relativement simple, l'éditeur ne l'expliquera plus. Vous le comprendrez en regardant le code et en postant directement l'exemple. 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>实时时间</title>
  <script type="text/javascript">
    var slidint;
    function newTimer() {
      stopit();
      var today;
      today = new Date();
      var str = today.toLocaleDateString();
      str += "  " + week();
      str += "  " + today.toLocaleTimeString();
      var o = document.getElementById("lblDateTime");
      o.innerHTML = str;
      slidint = setTimeout(newTimer, 1000);
    }
      
    function stopit() {
      clearTimeout(slidint);
    }
      
    function week() {
      var d, day, x, s = " ";
      var x = new Array("星期日", "星期一", "星期二");
      var x = x.concat("星期三", "星期四", "星期五");
      var x = x.concat("星期六");
      d = new Date();
      day = d.getDay();
      return (s += x[day]);
    }
      
    window.onload = function() {
      newTimer();
    }
  </script>
</head>
<body>
  <label id="lblDateTime"></label>
</body>
</html>

L'effet d'implémentation du code est le suivant :

Il existe de nombreuses façons d'obtenir du temps dynamique en js, et tout le monde doit les résumer. J'espère que cet article sera utile à la conception de la programmation javascript de chacun.

Déclaration：
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
Article précédent：Méthode jQuery pour obtenir la valeur de checkboxlist_jqueryArticle suivant：Méthode jQuery pour obtenir la valeur de checkboxlist_jquery

Articles Liés

Voir plus