Javascript 如何按时间更改div内容？

我希望能够根据用户的时间更改某个div的内容。 例如，如果是凌晨5点，某些内容会显示出来。如果是早上6点，会显示另一个内容

johndoe上午8点到下午4点（当它是上午8点到下午4点时更改为该名称）
约翰·多伊下午5点至6点（下午5点至6点更名）
John Doe 7pm-8pm（当其为7pm-8pm时更改为该名称）

我用过，但没用。有人知道类似的事情吗

感谢您的帮助

非常简洁

//initialize date object
var d = new Date();
var currentHour = d.getHours(); //note 0-23

if (currentHour < 6) 
 { 
     $('div').append('Before 6am');
  }
else if (currentHour == 7)
{
   $('div').append('7am');
}
else {
   $('div').append('Time Now' + d.getHours() + ':' + d.getMinutes()); 
  }

//初始化日期对象
var d=新日期（）；
var currentHour=d.getHours（）//附注0-23
如果（当前小时<6）
{ 
$（'div'）.append（'Before 6am'）；
}
否则如果（当前小时==7）
{
$（'div'）。追加（'7am'）；
}
否则{
$（'div'）.append（'Time Now'+d.getHours（）+'：'+d.getMinutes（））；
}

实例：

如果需要，请使用else展开

getDate（）返回日期 月份（1-31日）
getDay（）返回一周中的某一天（从0到6）
getFullYear（）返回年份（四位数）
getHours（）返回小时数（从0到23）
getMillicles（）返回毫秒数（从0-999）
getMinutes（）返回分钟数（从0到59）
getMonth（）返回月份（从0到11）
getSeconds（）返回秒数（从0到59）
getTime（）返回自1月1日午夜以来的毫秒数， 1970年
getTimezoneOffset（）返回GMT和本地时间之间的时间差 时间，以分钟为单位
getUTCDate（）根据世界时间返回一个月的日期 （从1-31日）
getUTCDay（）根据世界时间返回一周中的某一天 （从0到6）
getUTCFullYear（）根据世界时间返回年份 （四位数字）
getUTCHours（）根据世界时返回小时（从 0-23）
getutcmillesons（）返回毫秒，根据 世界时（从0-999）
getUTCMinutes（）根据世界时间返回分钟数 （从0到59）
getUTCMonth（）根据世界时返回月份（从 0-11）
getUTCSeconds（）根据世界时返回秒数 （从0到59）
getYear（）已弃用。请改用getFullYear（）方法
parse（）解析日期字符串并返回毫秒数 自1970年1月1日午夜起
setDate（）设置月份的日期（从1到31）
setFullYear（）设置年份（四位数）
设置小时数（）设置小时数（从0到23）
设置毫秒数（从0-999）
setMinutes（）设置分钟数（从0到59）
setMonth（）设置月份（从0到11）
setSeconds（）设置秒数（从0到59）
setTime（）通过添加或减去指定的时间来设置日期和时间 到/从的毫秒数 1970年1月1日午夜
setUTCDate（）根据世界时设置月份的日期 （从1-31日）
setUTCFullYear（）根据世界时（四个）设置年份 数字）
setUTCHours（）根据世界时设置小时（从 0-23）
setutcmillesons（）根据universal设置毫秒数 时间（从0-999）
setUTCMinutes（）根据世界时设置分钟（从 0-59）
setUTCMonth（）根据世界时（从 0-11）
setUTCSeconds（）根据世界时设置秒数（从 0-59）
setYear（）已弃用。请改用setFullYear（）方法
toDateString（）将日期对象的日期部分转换为 可读字符串
TogmString（）已弃用。请改用toutString（）方法
toLocaleDateString（）将日期对象的日期部分作为 字符串，使用区域设置约定
toLocaleTimeString（）将日期对象的时间部分作为 字符串，使用区域设置约定
toLocalString（）使用区域设置将日期对象转换为字符串 惯例
toString（）将日期对象转换为字符串
toTimeString（）将日期对象的时间部分转换为 字符串
toutString（）将日期对象转换为字符串，具体如下 世界时
UTC（）返回日期字符串中自 1970年1月1日午夜，根据 到世界时
valueOf（）返回日期对象的原语值

提供日期对象的名称和概述

学校也是如此

类似的内容应该是您的良好开端：

$(function(){

    $('#timeperiod1').mood({
        range: [1, 7] // hours
    });
    $('#timeperiod2').mood({
        range: [7, 12] // hours
    });
    $('#timeperiod3').mood({
        range: [12, 24]  // hours
    });
});

// the jquery plugin
// TODO: add end of day re init
//       add min/sec along with hours
$.fn.mood = (function(){
    var Mood = function(el, opts){
        this.el = $(el);

        this.range = { bottom: opts.range[0]*1, top: opts.range[1]*1 };
        this.init();
    };
    Mood.prototype = {
        init: function(){
            this.initTime = this.checkTime(); // 1, 0, -1

            this.initTime == 0 ? this.show() : this.hide();
            this.start();
        },
        start: function(){
            var t = new Date(), 
                showDate = new Date(t), 
                hideDate = new Date(t), 
                h = t.getHours(), hide = false, show = false;

            if(this.initTime < 0) {// time has not yet come
                showDate.setHours(this.range.bottom);
                showDate.setMinutes(0);
                show = true;

            }
            if(this.initTime <= 0){
                hideDate.setHours(this.range.top);
                hideDate.setMinutes(0);
                hide = true;
            }
            debugger;
            show && setTimeout($.proxy(this.show, this), Math.ceil(showDate.getTime()-t.getTime()));
            hide && setTimeout($.proxy(this.hide, this), Math.ceil(hideDate.getTime()-t.getTime()));
        },

        checkTime: function(){
            var t = new Date(), h = t.getHours();
            if(h >= this.range.bottom && h <= this.range.top)
                return 0;
            if(h < this.range.bottom)
                return -1;  
            if(h > this.range.top)
                return 1;  
        },
        show: function(){
            this.el.show('slow');
        },
        hide: function(){
            this.el.hide('slow');
        }

    };

    return function(opts){
        return this.data('rotateMood', new Mood(this, opts));    
    };
})();

$（函数（）{
$（'timeperiod1'）。语气({
范围：[1,7]//小时
});
$（'timeperiod2'）。语气({
范围：[7,12]//小时
});
$（'timeperiod3'）。语气({
范围：[12,24]//小时
});
});
//jquery插件
//TODO:添加日终重新初始化
//加上分钟/秒和小时
$.fn.mood=（函数（）{
变量情绪=功能（el、opts）{
this.el=$（el）；
this.range={底部：opts.range[0]*1，顶部：opts.range[1]*1}；
this.init（）；
};
Mood.prototype={
init:function（）{
this.initTime=this.checkTime（）；//1，0，-1
this.initTime==0？this.show（）：this.hide（）；
这个。start（）；
},
开始：函数（）{
var t=新日期（），
showDate=新日期（t），
hideDate=新日期（t），
h=t.getHours（），hide=false，show=false；
如果（this.initTime<0）{//时间还没有到
showDate.setHours（此.range.bottom）；
showDate.setMinutes（0）；
show=true；
}
if（this.initTime=this.range.bottom&&h this.range.top）
返回1；
},
嘘