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
相关文章
|
2天前
|
JavaScript 前端开发
js实现走马灯效果
js实现走马灯效果
13 6
|
3月前
|
JavaScript 前端开发
js 实现三级联动
js 实现三级联动
23 0
|
3月前
|
移动开发 JavaScript 前端开发
分享21个JS抽奖转盘特效,36个JS表单验证,31个JS进度条,总有一款适合您
分享21个JS抽奖转盘特效,36个JS表单验证,31个JS进度条,总有一款适合您
24 0
|
3月前
|
移动开发 JavaScript 前端开发
分享36个JS滚动,29个JS进度条,12个JS日历代码,总有一款适合您
分享36个JS滚动,29个JS进度条,12个JS日历代码,总有一款适合您
23 0
|
3月前
|
JavaScript
js详细讲解放大镜的实现
js详细讲解放大镜的实现
|
4月前
|
JavaScript
JS实现三级联动
JS实现三级联动
26 0
|
8月前
|
JavaScript
js实现基本图片切换功能
js实现基本图片切换功能
33 0
|
9月前
|
JavaScript
js 三级联动
js 三级联动
32 0
|
10月前
css+js=贪吃蛇简版
css+js=贪吃蛇简版
44 0
|
移动开发 前端开发 JavaScript