html每隔几秒更新图片,用js实现每隔一秒刷新时间的实例(含年月日时分秒)

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

发布时间：2020-08-23 11:02:06

来源：脚本之家

阅读：140

作者：jingxian

原理：使用定时器,即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.效果图：

以上这篇用js实现每隔一秒刷新时间的实例(含年月日时分秒)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持亿速云。