这篇文章将为大家详细讲解有关怎么使用JS实现动态时钟，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
专注于为中小企业提供成都做网站、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业邕宁免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了成百上千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
具体内容如下
利用setTime()实现动态的时钟效果
代码如下
正在运行的时钟
/*设置样式：无边框的文本框*/
input,
#clock {
width: 390;
font-size: 30px;
font-weight: 900;
color: #FFFFFF;
background-color: #930;
border: 8px double #900;
}
function disptime() {
var time = new Date(); //获得当前时间
var year = time.getFullYear(); //获得年月日
var month = time.getMonth(); //获得年月日
var date = time.getDate(); //获得年月日
var hour = time.getHours(); //获得小时、分钟、秒
var minute = time.getMinutes();
var second = time.getSeconds();
if (minute < 10) //如果分钟只有1位，补0显示
minute = "0" + minute;
if (second < 10) //如果秒数只有1位，补0显示
second = "0" + second;
/*设置文本框的内容为当前时间*/
document.getElementById('clock').innerHTML = year + "年" + month + "月" + date + "日" + hour + ":" + minute + ":" +
second
document.myform.myclock.value = year + "年" + month + "月" + date + "日" + hour + ":" + minute + ":" + second
/*设置定时器每隔1秒（1000毫秒），调用函数disptime()执行，刷新时钟显示*/
var myTime = setTimeout("disptime()", 1000);
}
