js获取星期几、上下午、当前日期时间并定时刷新

电玩女神 2023-02-11 04:42 101阅读 0赞

<div id="showDate" style="text-align: center"></div>

<script type="text/javascript">
        //取得系统当前时间
        function getTime(){ 
            var myDate = new Date();
            var date = myDate.toLocaleDateString();
            var day = myDate.getDay();
            var hours = myDate.getHours();
            var minutes = myDate.getMinutes();
            var seconds = myDate.getSeconds();
            var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
            var week = weeks[day];
            var str = "";
            if(hours < 6) { 
                str = "凌晨好！";
            } else if(hours < 9) { 
                str = "早上好！";
            } else if(hours < 12) { 
                str = "上午好！";
            } else if(hours < 14) { 
                str = "中午好！";
            } else if(hours < 17) { 
                str = "下午好！";
            } else if(hours < 19) { 
                str = "傍晚好！";
            } else if(hours < 22) { 
                str = "晚上好！";
            } else { 
                str = "深夜好！";
            }
            $("#showDate").html(date+" "+week+" "+hours+":"+minutes+":"+seconds+" "+str); //将值赋给div
        }
        $(function(){ 
            setInterval("getTime();",1000); //每隔一秒执行一次
        })
    </script>

**效果：**  
![在这里插入图片描述][20200521200145505.png]

**参考文章链接：**  
[https://m.jb51.net/article/51551.htm][https_m.jb51.net_article_51551.htm]  
[https://www.cnblogs.com/ai10999/p/11449459.html][https_www.cnblogs.com_ai10999_p_11449459.html]  
[https://www.cnblogs.com/zgx/archive/2009/04/04/1429510.html][https_www.cnblogs.com_zgx_archive_2009_04_04_1429510.html]

[20200521200145505.png]: https://img-blog.csdnimg.cn/20200521200145505.png
[https_m.jb51.net_article_51551.htm]: https://m.jb51.net/article/51551.htm
[https_www.cnblogs.com_ai10999_p_11449459.html]: https://www.cnblogs.com/ai10999/p/11449459.html
[https_www.cnblogs.com_zgx_archive_2009_04_04_1429510.html]: https://www.cnblogs.com/zgx/archive/2009/04/04/1429510.html

发表评论取消回复

表情：

评论列表（有 0 条评论，101人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android获取当前时间与星期几 .

1. public class DataString \{ 2. private static String mYear; 3. private static Strin

刺骨的言语ヽ痛彻心扉/ 2023年10月10日 12:38/ 0 赞/ 228 阅读

相关 js获取当前日期，并计算几天后日期

function getNowFormatDate() { var date = new Date(); var seperator1

Dear 丶/ 2023年10月07日 00:52/ 0 赞/ 179 阅读

相关 js获取当前日期为星期几

0为星期天，1~6分别为星期一~星期六 new Date().getDay(); // 当前日期 new Date(日期).getDay(); // 任意日

╰半橙微兮°/ 2023年06月15日 11:16/ 0 赞/ 238 阅读

相关 js获取当前日期所在的周一到周日的日期，以及星期几

如图： ![20200726173011786.png][] $(function () { var now = new Date(

矫情吗；*/ 2023年03月01日 13:27/ 0 赞/ 173 阅读

相关 js获取星期几、上下午、当前日期时间并定时刷新

<div id="showDate" style="text-align: center"></div> <script type="text/javascr

电玩女神/ 2023年02月11日 04:42/ 0 赞/ 102 阅读

相关 Js获取当前星期几

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

曾经终败给现在/ 2022年11月20日 13:00/ 0 赞/ 579 阅读

相关 js获取日期、时间、星期多种样式

问题描述：在开发过程中要用到日期时间几乎是必不可缺，封装成一个方法供全局调用，话不多说直接上代码。 //返回当前时间 getTime() {

妖狐艹你老母/ 2022年10月16日 03:00/ 0 赞/ 520 阅读

相关 PHP根据当前日期获取星期几

//获取星期方法 private function get_week($date){ //强制转换日期格式

忘是亡心i/ 2022年06月13日 00:48/ 0 赞/ 1250 阅读

相关 Js获取当前星期几

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

向右看齐/ 2022年06月01日 01:50/ 0 赞/ 700 阅读

相关 JS获取当前日期时间

废话不多说直接上代码啦： var myDate = new Date(); var year = myDate.getFullYear();//获取当前年

分手后的思念是犯贱/ 2022年04月23日 08:30/ 0 赞/ 644 阅读