最新消息:文章中包含代码时,请遵守代码高亮规范!

JS制作小时钟[原创]

JavaScript Rin 90浏览 0评论

使用javascript写的小时钟,可添加于页面各种地方,简单易维护

function time(){//创建一个time方法

var time = new Date();//创建一个Date()

var h = time.getHours();//获取小时

var m = time.getMinutes();//获取分钟

var s = time.getSeconds();//获取秒数

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

var M = time.getMonth()+1;//获取月份
//注:因为月份获取来是0-11代表1-12月所以要+1以获取正确的月份

var d = time.getDate();//获取天数

function double(number){//封装double方法:在数字只有1位时进行补位

if(number<10){return "0"+number;}

else{return number;}}

var date = h+”:”+double(m)+”:”+double(s)+” “+y+”/”+M+”/”+d;
//小时:分钟:秒数+年/月/日

document.getElementsByClassName(“time”)[0].innerHTML=date;
//封装在了Class名为time,调用时只需要在Class名中添加time即可

}

setInterval(time,500)//启动方法,0.5S刷新一次

可以使用CSS改变时钟的字体大小,外观,背景

转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/24959.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Rin的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!