您当前的位置:主页 > 教程合集 > Html/css网站首页Html/css

JS根据不同时间点显示不同内容

发布时间:2018-02-07编辑:余斗阅读:(0)字号:
    因为公司网站的需要,要实现一个随着时间或者星期的变化来显示不同的内容,所以写了一段JS来控制文字内容随着时间变化而变化,之前也学过相关的知识,实现起来很简单,余斗今天就简单说两种方法: 第一种方法

    <script language=”javascript” style=”text-align: left; “>
    var week;
    if(new Date().getDay()==0) week=”星期日”
    if(new Date().getDay()==1) week=”星期一”
    if(new Date().getDay()==2) week=”星期二”
    if(new Date().getDay()==3) week=”星期三”
    if(new Date().getDay()==4) week=”星期四”
    if(new Date().getDay()==5) week=”星期五”
    if(new Date().getDay()==6) week=”星期六”
    document.write(“现在是 “+(new Date().getMonth()+1)+”月”+new Date().getDate()+”日 “+week);
    document.write(” “)
    day = new Date()
    hr = day.getHours()
    minu=day.getMinutes()
    s=””;
    s=s+hr+”点”+minu+”分! “;
    if (hr ==1)
    document.write(s+”一点多啦!别忘了休息哦!”)
    if (hr ==2)
    document.write(s+”你真是工作狂啊,该休息了!”)
    if (hr ==3)
    document.write(s+”午夜三点!你还不准备睡觉吗?”)
    if (hr ==4)
    document.write(s+”凌晨四点多了,很敬重您这种忘我的工作精神!”)
    if (hr ==5)
    document.write(s+”您是刚起床还是还没睡啊?”)
    if (hr ==6)
    document.write(s+”早上好!新一天又开始啦!有什么打算呢?”)
    if (hr ==7)
    document.write(s+”吃过早饭了吗?不要空腹哦!”)
    if ((hr ==8) || (hr == 9) || (hr ==10))
    document.write(s+”早上好!忙碌的一天开始了!”)
    if (hr ==11)
    document.write(s+”快中午啦,准备吃饭了呀!”)
    if (hr ==12)
    document.write(s+”中午好!你吃饭了吗?”)
    if ((hr==13) || (hr==14))
    document.write(s+”下午好,准备准备要上班了!”)
    if ((hr==15) || (hr==16) || (hr==17))
    document.write(s+”下午好!今天都做了些什么啊?”)
    if ((hr==18) || (hr==19))
    document.write(s+”新闻联播你看了吗?吃晚饭了没?”)
    if ((hr==20) || (hr==21) || (hr==22))
    document.write(s+”<font style=’font-size:30px; color:#FF0000;font-weight:bold;color: #636363; ‘ >别工作了,找个电影看看睡觉吧?</font>”)
    if (hr==23)
    document.write(s+”不早了,快休息吧?”)
    if (hr==0)
    document.write(s+”午夜时分,你可要注意身体呢!”)
    document.write(“”)
    </script>
     
    第二种方法

    <script language=”LiveScript”>
    <!–
    now = new Date(),hour = now.getHours()
    if(hour < 6){document.write(“明天不用上班了吗?”)}
    else if (hour < 8){document.write(“全新的一天!深呼吸来个大大的微笑好吗”)}
    else if (hour < 12){document.write(“早安!今天你那天气怎么样,还不错吧”)}
    else if (hour < 14){document.write(“外面太阳大吗?多喝点水,对身体好的”)}
    else if (hour < 18){document.write(“午安!你不睡午觉吗,真是个铁人呀”)}
    else if (hour < 22){document.write(“晚上好!劳累了一天了,来这里好好休息一下吧”)}
    else if (hour < 24){document.write(“夜深了! 要注意身体呀! 祝你做个好梦!”)}
    // –>
    </script>
     
关键字词JS时间
余斗余斗
  1. 转载请注明:JS根据不同时间点显示不同内容
  2. 版权声明:本站原创文章,由发表在Html/css分类下,于2018-02-07最后更新
纯CSS实现背景透明,文字不透明的方法
移动端输入框弹出键盘带搜索按钮的实现方法
手机扫一扫 随身带着看
鸿运国际手机登录首页