Maison > Article > interface Web > Afficher dynamiquement l'heure actuelle du système en fonction des compétences javascript_javascript

Afficher dynamiquement l'heure actuelle du système en fonction des compétences javascript_javascript

WBOYoriginal: 2016-05-16 15:17:191845parcourir

L'exemple de cet article explique le code détaillé de javascript pour afficher dynamiquement l'heure actuelle du système. Le contenu spécifique est le suivant

(1) Les informations sur l'heure et la date doivent être affichées dans un format dc6dce4a544fdca2df29d5ac0ea9906b
Rendu :

Code spécifique :

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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">


//定义函数：构建要显示的时间日期字符串
function showTime()
{
 //创建Date对象
 var today = new Date();
 //分别取出年、月、日、时、分、秒
 var year = today.getFullYear();
 var month = today.getMonth()+1;
 var day = today.getDate();
 var hours = today.getHours();
 var minutes = today.getMinutes();
 var seconds = today.getSeconds();
 //如果是单个数，则前面补0
 month  = month<10  &#63; "0"+month : month;
 day  = day <10  &#63; "0"+day : day;
 hours  = hours<10  &#63; "0"+hours : hours;
 minutes = minutes<10 &#63; "0"+minutes : minutes;
 seconds = seconds<10 &#63; "0"+seconds : seconds;
 
 //构建要输出的字符串
 var str = year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds;
 
 //获取id=result的对象
 var obj = document.getElementById("result");
 //将str的内容写入到id=result的<div>中去
 obj.innerHTML = str;
 //延时器
 window.setTimeout("showTime()",1000);
}
</script>
<style type="text/css">
#result{
 width:500px;
 border:1px solid #CCCCCC;
 background:#FFFFCC;
 margin:50px auto;
 font-size:24px;
 color:#FF0000;
 padding:20px;
}
</style>
</head>

<body onload="showTime()">
<div id="result"></div>
</body>
</html>

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：Implémenter un exemple de code de case à cocher basé sur les compétences javascript_javascriptArticle suivant：Implémenter un exemple de code de case à cocher basé sur les compétences javascript_javascript

Articles Liés

Voir plus