js 页面实现时间刷新的功能

/**
 * 
 */
//时间
function fn(){
    var time = new Date();
    var str= "";
    var div = document.getElementById("time");
var hour = document.getElementById("hours");

//console.log(time);
    var year = time.getFullYear();
    var mon = time.getMonth()+1;
    var day = time.getDate();
    var h = time.getHours();
    var m = time.getMinutes();
    var s = time.getSeconds();
    var week = time.getDay();
    switch (week){
        case 0:week="日";
            break;
        case 1:week="一";
            break;
        case 2:week="二";
            break;
        case 3:week="三";
            break;
        case 4:week="四";
            break;
        case 5:week="五";
            break;
        case 6:week="六";
            break;
    }
    str = year +"年"+totwo(mon)+"月"+totwo(day)+"日"+" "+totwo(h)+":"+totwo(m)+":"+totwo(s)+" "+"星期"+week;
    div.innerHTML = str;
if(h < 6){
hour.innerHTML = "凌晨好!";
} else if(h < 12){
hour.innerHTML = "上午好!";
} else if(h < 15){
hour.innerHTML = "中午好!";
} else if(h < 18){
hour.innerHTML = "下午好!";
} else if(h < 21){
hour.innerHTML = "傍晚好!";
} else {
hour.innerHTML = "深夜好!";
}
}
fn();
setInterval(fn,1000);
function totwo(n){
    if(n<=9){
        return n = "0"+n;
    }
    else{
        return n =""+n;
    }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值