先上效果图
button是清除时间跳动效果
<div id="myclock">
</div>
<!--
clearInterval(setInterval返回的名字)
setTimeOut()
clearTimeOut()
-->
<button onclick="javasrcipt:clearInterval(mytime)">清楚函数特效</button>
接下来是js
<script type="text/javascript">
function disptime() {
var smw=new Date();
var nian=smw.getFullYear();//年
var ye=smw.getMonth()+1;//月
var ri=smw.getDate();//日
var hh =smw.getHours();//当前小时
var mm=smw.getMinutes();//当前分钟
var ss=smw.getSeconds();//当前秒数
document.getElementById("myclock").innerHTML="现在的时间是:"+nian+"年"+ye+"月"+ri+"日"+hh+":"+mm+":"+ss;
}
//调用函数
//setInterval():第二个定时函数
//setInterval("参数1",1000)
//参数1:调用的函数名
//1000:调用的周期 单位是毫秒 1s=1000ms
var mytime=setInterval("disptime()",1000)
</script>