js练习4(实时问候)

简介: 实时问候 /* getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
<html>
    <head>
        <title>实时问候</title>
    </head>
    <body>
            <div id="showTime"></div>
            <div id="time"></div>
            <script>
                /*
                    getDate()     从 Date 对象返回一个月中的某一天 (1 ~ 31)。
                    getDay()     从 Date 对象返回一周中的某一天 (0 ~ 6)。
                    getMonth()     从 Date 对象返回月份 (0 ~ 11)。
                    getFullYear()     从 Date 对象以四位数字返回年份。 
                    getYear()     请使用 getFullYear() 方法代替。 
                    getHours()     返回 Date 对象的小时 (0 ~ 23)。 
                    getMinutes()     返回 Date 对象的分钟 (0 ~ 59)。
                    getSeconds()     返回 Date 对象的秒数 (0 ~ 59)。 
                    getMilliseconds()     返回 Date 对象的毫秒(0 ~ 999)。 
                    getTime()     返回 1970 年 1 月 1 日至今的毫秒数。
                */
            
            
                var st=document.getElementById("showTime");
                var time=document.getElementById("time");
                
                var dt=new Date();
                var h=dt.getHours();    //获得当前的小时
                var gd=dt.getDate();    //获得当天是这个月中的某一天
                var gday=dt.getDay();    //获得当天是这个周中的某一天
                var gm=dt.getMonth()+1;   //获得月份
                var gfy=dt.getFullYear();    //返回四位数的年份
                var gmt=dt.getMinutes();    //获得分钟
                var gs=dt.getSeconds();        //获得秒数
                var gms=dt.getMilliseconds();//获得Date对象的毫秒数
                var gt=dt.getTime();        //获得1970.1.1至今的毫秒数
                
                time.innerHTML=gfy+""+gm+""+gd+""+"星期"+gday+"&nbsp;"+h+""+gmt+""+gs+""+gms+"毫秒"
                
                
                if(h>6 && h<=9){
                    st.innerHTML="早上好!";
                }else if(h>9 && h<=12){
                    st.innerHTML="上午好!";
                }else if(h>12 && h<=18){
                    st.innerHTML="下午好!";
                }else if(h>18 && h<21){
                    st.innnerHTML="晚安!";
                }else if(h>21 && h<=24){
                    st.innerHTML="夜深了,早点休息!";
                }else if(h>0 && h<=6){
                    st.innerHTML="凌晨了,还没睡啊!";
                }
            </script>
    </body>
</html>

 

目录
相关文章
|
7月前
|
存储 JavaScript 前端开发
JS项目练习
JS项目练习
|
6月前
|
JavaScript 前端开发
记录Javascript数组类练习
记录Javascript数组类练习
26 1
|
6月前
|
JavaScript 前端开发
JS循环语句以及一些小练习
JS循环语句以及一些小练习
34 1
|
6月前
|
存储 前端开发 JavaScript
[初学者必看]JavaScript 简单实际案例练习,锻炼代码逻辑思维
【6月更文挑战第2天】这是一个前端小项目合集,包括图片轮播器、动态列表、模态框、表单验证等14个项目,旨在帮助初学者提升编码技能和实战经验。每个项目提供关键提示,如使用HTML、CSS和JavaScript实现不同功能,如事件监听、动画效果和数据处理。通过这些项目,学习者可以锻炼前端基础并增强实际操作能力。
130 2
|
6月前
|
前端开发 JavaScript 搜索推荐
[初学者必看]JavaScript 15题简单小例子练习,锻炼代码逻辑思维
【6月更文挑战第3天】这是一个JavaScript编程练习集,包含15个题目及答案:计算两数之和、判断偶数、找数组最大值、字符串反转、回文检测、斐波那契数列、数组去重、冒泡排序、阶乘计算、数组元素检查、数组求和、字符计数、数组最值和质数判断以及数组扁平化。每个题目都有相应的代码实现示例。
475 1
|
6月前
|
前端开发 JavaScript 容器
技术经验解读:个人练习:使用HTML+CSS3制作图片轮播功能(不使用JavaScript)
技术经验解读:个人练习:使用HTML+CSS3制作图片轮播功能(不使用JavaScript)
79 0
|
6月前
|
JavaScript 前端开发
记录JavaScript练习
记录JavaScript练习
25 0
|
7月前
|
JavaScript 前端开发 C语言
JavaScript编程语法练习
本篇文章是对于javaScript中if ,switch,while ,do-while,,for语法的作业练习.对于我来说也是对自己知识掌握的一种检验.是对js的基础语法进行的一次练习,通过有趣的示例进行练习,使得对于代码能够增加印象,对于知识的掌握更加透彻.
|
7月前
|
存储 JavaScript
JS中相等(==)和等全(===)的区别与练习
JS中相等(==)和等全(===)的区别与练习
45 1
|
7月前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——4、DIV+CSS绘制旗帜练习
H5+CSS3+JS逆向前置——4、DIV+CSS绘制旗帜练习
73 0