Rumah > Artikel > hujung hadapan web > Paparkan masa sistem semasa secara dinamik berdasarkan kemahiran javascript_javascript

Paparkan masa sistem semasa secara dinamik berdasarkan kemahiran javascript_javascript

WBOYasal: 2016-05-16 15:17:191845semak imbas

Contoh artikel ini menerangkan kod terperinci javascript untuk memaparkan masa sistem semasa secara dinamik Kandungan khusus adalah seperti berikut

(1) Maklumat masa dan tarikh hendaklah dipaparkan dalam dc6dce4a544fdca2df29d5ac0ea9906b
Rendering:

Kod khusus:

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

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

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Laksanakan kod contoh kotak semak kotak semak berdasarkan kemahiran javascript_javascriptArtikel seterusnya：Laksanakan kod contoh kotak semak kotak semak berdasarkan kemahiran javascript_javascript

Artikel berkaitan

Lihat lagi