天天看點

js之數字時鐘

以下是我用js寫的數字時鐘年月日,日期時間的源碼,請多指教:

<!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=utf-8" />

<title>無标題文檔</title>

<style>

p{font-size:36px; }

</style>

<script>

window. ()

{        

 var oP=document.getElementById('p1');//擷取p标簽位置

 function colock()

 {

var oData= new Date();

var oT1=oData.getFullYear();//擷取年份

var oT2=(oData.getMonth()+1).toString();//擷取月份并且轉為字元串類型,month擷取月份為0到11,是以需要+1,轉為字元串是為了友善<10的月份前面補0

var oT3=oData.getDate().toString(); 

var oP1=oData.getHours().toString();

var oP2=oData.getMinutes().toString();

var oP3=oData.getSeconds().toString();

if(oT2<10)

{

if(oT3<10)

if(oP1<10)

if(oP2<10)

if(oP3<10)

oP.innerHTML=oT1+'年'+0+oT2+'月'+0+oT3+'日'+0+oP1+':'+0+oP2+':'+0+oP3;

}

else

oP.innerHTML=oT1+'年'+0+oT2+'月'+0+oT3+'日'+0+oP1+':'+0+oP2+':'+oP3;

oP.innerHTML=oT1+'年'+0+oT2+'月'+0+oT3+'日'+0+oP1+':'+oP2+':'+0+oP3;

oP.innerHTML=oT1+'年'+0+oT2+'月'+0+oT3+'日'+0+oP1+':'+oP2+':'+oP3;

oP.innerHTML=oT1+'年'+0+oT2+'月'+0+oT3+'日'+oP1+':'+0+oP2+':'+0+oP3;

oP.innerHTML=oT1+'年'+0+oT2+'月'+0+oT3+'日'+oP1+':'+0+oP2+':'+oP3;

oP.innerHTML=oT1+'年'+0+oT2+'月'+0+oT3+'日'+oP1+':'+oP2+':'+0+oP3;

oP.innerHTML=oT1+'年'+0+oT2+'月'+0+oT3+'日'+oP1+':'+oP2+':'+oP3;

oP.innerHTML=oT1+'年'+0+oT2+'月'+oT3+'日'+0+oP1+':'+0+oP2+':'+0+oP3;

oP.innerHTML=oT1+'年'+0+oT2+'月'+oT3+'日'+0+oP1+':'+0+oP2+':'+oP3;

oP.innerHTML=oT1+'年'+0+oT2+'月'+oT3+'日'+0+oP1+':'+oP2+':'+0+oP3;

oP.innerHTML=oT1+'年'+0+oT2+'月'+oT3+'日'+0+oP1+':'+oP2+':'+oP3;

oP.innerHTML=oT1+'年'+0+oT2+'月'+oT3+'日'+oP1+':'+0+oP2+':'+0+oP3;

oP.innerHTML=oT1+'年'+0+oT2+'月'+oT3+'日'+oP1+':'+0+oP2+':'+oP3;

oP.innerHTML=oT1+'年'+0+oT2+'月'+oT3+'日'+oP1+':'+oP2+':'+0+oP3;

oP.innerHTML=oT1+'年'+0+oT2+'月'+oT3+'日'+oP1+':'+oP2+':'+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+0+oT3+'日'+0+oP1+':'+0+oP2+':'+0+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+0+oT3+'日'+0+oP1+':'+0+oP2+':'+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+0+oT3+'日'+0+oP1+':'+oP2+':'+0+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+0+oT3+'日'+0+oP1+':'+oP2+':'+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+0+oT3+'日'+oP1+':'+0+oP2+':'+0+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+0+oT3+'日'+oP1+':'+0+oP2+':'+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+0+oT3+'日'+oP1+':'+oP2+':'+0+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+0+oT3+'日'+oP1+':'+oP2+':'+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+oT3+'日'+0+oP1+':'+0+oP2+':'+0+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+oT3+'日'+0+oP1+':'+0+oP2+':'+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+oT3+'日'+0+oP1+':'+oP2+':'+0+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+oT3+'日'+0+oP1+':'+oP2+':'+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+oT3+'日'+oP1+':'+0+oP2+':'+0+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+oT3+'日'+oP1+':'+0+oP2+':'+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+oT3+'日'+oP1+':'+oP2+':'+0+oP3;

oP.innerHTML=oT1+'年'+oT2+'月'+oT3+'日'+oP1+':'+oP2+':'+oP3;

 }

 setInterval(colock,1000);

 colock();

</script>

</head>

<body>

<p id="p1">

</p>

</body>

</html>

本文轉自 水滴的曆程 51CTO部落格,原文連結:http://blog.51cto.com/12390959/1903606

繼續閱讀