A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 编程开发 > 网站开发 > 简单的JS时钟实例讲解

简单的JS时钟实例讲解

时间:2016-01-14 10:39作者:fang人气:91

本文实例介绍了JS时钟实现代码,分享给大家供大家参考,具体内容如下

效果图:

简单的JS时钟实例讲解

具体代码:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="gb2312">

<title>Document</title>

<script type="text/javascript">

function startTime () {

var today=new Date();

var y=today.getFullYear();

var mon=today.getMonth()+1;

mon=changNum(mon);

var d=today.getDay();

d=changNum(d);

var h=today.getHours();

var m=today.getMinutes();

m=changNum(m);

var s=today.getSeconds();

s=changNum(s);

document.getElementById("timeid").innerHTML=y+"年"+mon+"月"+d+"日"+h+":"+m+":"+s;

t=setTimeout(function(){

startTime();

},500);

}

function changNum(i){ //月、日、秒如果小于10数字前加0

if(i<10){

return "0"+i;

}

return i;

}

</script>

</head>

<body onload="startTime()">

<h1 id="timeid"></h1>

</body>

</html>

希望本文所述对大家学习javascript程序设计有所帮助。

 

标签简单,时钟,实例,讲解,本文,实例,介绍了,时钟,实现,代码

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号