博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js之数字时钟
阅读量:6360 次
发布时间:2019-06-23

本文共 3649 字,大约阅读时间需要 12 分钟。

以下是我用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

转载地址:http://sgbma.baihongyu.com/

你可能感兴趣的文章
centos7 systemctl命令
查看>>
ASP.NET MVC Razor视图引擎
查看>>
java选做猜数字
查看>>
如何控制下划线的样式!比如颜色,粗细,样式等等!
查看>>
loj121-动态图连通性
查看>>
(转)严格模式
查看>>
unix环境高级编程基础知识之第四章
查看>>
yum 私有仓库
查看>>
ajax
查看>>
ASP.NET之IsPostBack
查看>>
Zabbix使用snmp监控
查看>>
zlog日志库的简单封装,以及给debug级别添加颜色显示
查看>>
Jenkins2.32用户和权限管理策略
查看>>
数据结构-链表
查看>>
AJAX的个人见解
查看>>
log4jdbc打印完整SQL
查看>>
Elementary Methods in Number Theory Exercise 1.2.14
查看>>
LR数据收集分析 Analysis 笔记1。
查看>>
GitHub
查看>>
Ubuntu16.04安装MongoDB
查看>>