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

js实时获取当前时间(加前导零)【原创】

JavaScript Aimee 187浏览 0评论

在接手的项目中,有时需要实时获取当前的时间,并且为了和日期格式保持统一,需要加入前导零。

接下来分享一下我的思路:

1.利用js分别获取当前时间的年,月,日,时,分,秒。

2.判断数值是否大于零,当数值大于零时,正常显示,当数值小于10时,在数值前加入数字0。

3.每一秒钟执行一次js。

以下附上代码:

html代码:

<div class=”data”></div>

 

css代码:

*{margin:0;padding:0;list-style:none;}
.data{font-size:18px;width:400px;height:300px;margin:0 auto;padding:200px;}

 

js代码:

$(function(){
// 获取当前时间
function current(){
var d=new Date();
var str=”;
var month = d.getMonth()+1;
var date = d.getDate();
var hour = d.getHours();
var minute = d.getMinutes();
var second = d.getSeconds();
var day = d .getDay();
str +=d.getFullYear()+’/’; //获取当前年份
if(month < 10){
str +=”0″+month+’/’; //获取当前月份(0——11)
}
if(month >=10){
str +=month+’/’; //获取当前月份(0——11)
}
if(date < 10){
str +=”0″+date+’-‘;
}
if(date >=10){
str +=date+’-‘;
}
if(hour < 10){
str +=”0″+hour+’:’;
}
if(hour >= 10){
str +=hour+’:’;
}
if(minute < 10){
str +=”0″+minute+’:’;
}
if(minute >= 10){
str +=minute+’:’;
}
if(second <10){
str +=”0″+d.getSeconds();
}
if(second >= 10){
str +=d.getSeconds();
}
return str;
}
setInterval(function(){$(“.data”).text(current)},1000);

});

 

最终显示当前时间格式如下:

2017/08/09-09:02:05

 

 

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


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

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