第一步 在页面上新建一个 html元素
新建 id为 times的html元素,随便,div,p标签都行。我习惯用p标签。
第二步在js中写下面代码
/**
* 电子时钟
*/
time();
setInterval(function () {
time();
},1000);
function time() {
var time = new Date(); //实例化日期对象
var year=time.getFullYear()+"年" //获取年
var month=time.getMonth()+1+"月" //获取月
var day=time.getDate()+"日" //获取日
var h=time.getHours()+':' //获取时
var m=time.getMinutes()+":" //获取分
var s=time.getSeconds() //获取秒
if(s<10){ //判定秒 是否小于10秒
s="0"+time.getSeconds() //小于是 在其前加0 01,02,03...
}
if(time.getMinutes()<10){ //判定分 是否小于10分
m="0"+time.getMinutes()+":" //小于是 在其前加0 01,02,03...
}
$("#times").html('当前时间:<em style="color: #52332f">'+year+month+day+h+m+s+'</em');
}