php 每隔1秒刷新,js实现每隔一秒刷新时间实例教程

本文主要为大家带来一篇用js实现每隔一秒刷新时间的实例(含年月日时分秒)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。

原理：使用定时器,即setInterval(fn,i),每隔i秒执行fn。

下面给出具体的代码

1.代码如下：

用js实现每隔一秒刷新时间(含年月日时分秒)

#time{background:#33F;

color:white;

height:30px;

line-height:30px;

padding:20px;

font-size:18px;

width:400px;

text-align:center;

margin:0 auto;

margin-top:200px;}

setInterval(function(){

var time=new Date();

var year=time.getFullYear(); //获取年份

var month=time.getMonth()+1; //获取月份

var day=time.getDate(); //获取日期

var hour=checkTime(time.getHours()); //获取时

var minite=checkTime(time.getMinutes()); //获取分

var second=checkTime(time.getSeconds()); //获取秒

/****当时、分、秒、小于10时，则添加0****/

function checkTime(i){

if(i<10) return "0"+i;

return i;

}

var box=document.getElementById("time");

box.innerHTML=year+"年"+month+"月"+day+"日 "+hour+":"+minite+":"+second;

},1000); //setInterval(fn,i) 定时器，每隔i秒执行fn

2.效果图：

相关推荐：