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

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

WBOY

Libérer： 2016-05-16 15:17:19

original

1899 Les gens l'ont consulté

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

spécifié, l'attribut innerHTML dans l'objet DOM

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>

Copier après la connexion