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>




本文转自 水滴的历程 51CTO博客,原文链接:http://blog.51cto.com/12390959/1903606
相关文章
|
10月前
html+js+css实现的建筑方块立体数字时钟源码
html+js+css实现的建筑方块立体数字时钟源码
499 33
|
11月前
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
227 24
|
前端开发 JavaScript
教你用 JavaScript 设计一个 Neumorphism 风格的数字时钟 (代码详解)
教你用 JavaScript 设计一个 Neumorphism 风格的数字时钟 (代码详解)
170 1
|
移动开发 JavaScript 前端开发
分享111个JS时钟代码特效,总有一款适合您
分享111个JS时钟代码特效,总有一款适合您
727 0
|
前端开发 算法 JavaScript
html+css+js实现时钟
html+css+js实现时钟
159 0
|
存储 前端开发 JavaScript
🏆使用 HTML、CSS 和 JavaScript 的酷黑主题模拟时钟
🏆使用 HTML、CSS 和 JavaScript 的酷黑主题模拟时钟
223 0
|
存储 前端开发 JavaScript
使用 Html、CSS 和 Javascript 的简单模拟时钟
使用 Html、CSS 和 Javascript 的简单模拟时钟
345 0
|
JavaScript
网页时钟案例(js)
网页时钟案例(js)
87 0
|
JavaScript 前端开发
【Node.JS 练习】时钟案例
【Node.JS 练习】时钟案例
235 0
【Node.JS 练习】时钟案例
|
JavaScript 前端开发
【精选】JavaScript网页时钟
【精选】JavaScript网页时钟
【精选】JavaScript网页时钟

热门文章

最新文章