js之数字时钟

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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;

}

}

else

{

if(oP3<10)

{

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

}

else

{

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

}

}

}

else

{

if(oP2<10)

{

if(oP3<10)

{

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

}

else

{

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

}

}

else

{

if(oP3<10)

{

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

}

else

{

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

}

}

}

}

else

{

if(oP1<10)

{

if(oP2<10)

{

if(oP3<10)

{

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

}

else

{

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

}

}

else

{

if(oP3<10)

{

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

}

else

{

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

}

}

}

else

{

if(oP2<10)

{

if(oP3<10)

{

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

}

else

{

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

}

}

else

{

if(oP3<10)

{

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

}

else

{

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

}

}

}

}

}

else

{

if(oT3<10)

{

if(oP1<10)

{

if(oP2<10)

{

if(oP3<10)

{

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

}

else

{

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

}

}

else

{

if(oP3<10)

{

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

}

else

{

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

}

}

}

else

{

if(oP2<10)

{

if(oP3<10)

{

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

}

else

{

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

}

}

else

{

if(oP3<10)

{

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

}

else

{

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

}

}

}

}

else

{

if(oP1<10)

{

if(oP2<10)

{

if(oP3<10)

{

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

}

else

{

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

}

}

else

{

if(oP3<10)

{

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

}

else

{

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

}

}

}

else

{

if(oP2<10)

{

if(oP3<10)

{

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

}

else

{

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

}

}

else

{

if(oP3<10)

{

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

}

else

{

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

}

}

}

}

}

}

setInterval(colock,1000);

colock();

}

</script>

</head>


<body>

<p id="p1">

</p>

</body>

</html>


本文出自 “12380959” 博客,请务必保留此出处http://12390959.blog.51cto.com/12380959/1903606

以上是关于js之数字时钟的主要内容,如果未能解决你的问题,请参考以下文章

JS — 实现简单的数字时钟

js数字滑动时钟

JS框架_(Vue.js)带有星期日期的数字时钟

js实现动态数字时钟

js数字时钟

js数字时钟