js获取电脑当前时间

效果:

<div class="hd-time fl_l">
            <span id="curt-time" class="DINProMedium font-24 curt-time"></span>
            <div class="mg_t_x2">
                <span id="curt-date" class="DINProRegular"></span> 
                <span id="curt-day" class="font-14"></span>
            </div>
        </div>
//获取时间
window.onload=function(){

    //定时器每秒调用一次fnDate()
    setInterval(function(){
        fnDate();
        },1000);
}

//js 获取当前时间
function fnDate(){
    var curtTime=document.getElementById("curt-time");
    var curtDate=document.getElementById("curt-date");
    var curtDay=document.getElementById("curt-day");
    var date=new Date();
    var year=date.getFullYear();//当前年份
    var month=date.getMonth();//当前月份
    var data=date.getDate();//天
    var day =date.getDay();//周几
    var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
    var hours=date.getHours();//小时
    var minute=date.getMinutes();//分
    var second=date.getSeconds();//秒

    month = month + 1;
    if (month < 10) month = "0" + month;
    if (data < 10) data = "0" + data;
    if (hours < 10) hours = "0" + hours;
    if (minute < 10) minute = "0" + minute;
    if (second < 10) second = "0" + second;

    var curtDates=year+"-"+month+"-"+data;
    var curtTimes=hours+":"+minute+":"+second;
    curtTime.innerHTML=curtTimes;
    curtDate.innerHTML=curtDates;
    curtDay.innerHTML=weekday[day];
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值