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之数字时钟的主要内容，如果未能解决你的问题，请参考以下文章