基于时间的Javascript Delivery Show

标签 javascript

我试图证明这个条件,

00 - 07 am - 显示“今天早上”|| 07 - 19 pm - 显示“今天晚上” || 19 - 24 am - 显示“明天早上”

但我猜我的代码有问题。

   <html> 
<head>
    <title>Greeting Message using JavaScript</title> 
</head>
<body>
    <label id="lblGreetings"></label>
</body>

<script>
    var myDate = new Date();
    var hrs = myDate.getHours();

    var greet;

    if (hrs > 07 && hrs <= 19)
        greet = 'Today Evening';
    else if (hrs >= 19 && hrs <= 24)
        greet = 'Tommorow Morning';
    else if (hrs >= 00 && hrs <= 07)
        greet = 'Today Morning';

    document.getElementById('lblGreetings').innerHTML =
        '<b>' + greet + '</b> and welcome to Encodedna.com!';
</script> 
</html>

最佳答案

 $(document).ready(function(){
 var myDate = new Date();
    var hrs = myDate.getHours();

    var greet;

    if (hrs > 07 && hrs <= 19)
        greet = 'Today Evening';
    else if (hrs >= 19 && hrs <= 24)
        greet = 'Tommorow Morning';
    else if (hrs >= 00 && hrs <= 07)
        greet = 'Today Morning';

    document.getElementById('lblGreetings').innerHTML =
        '<b>' + greet + '</b> and welcome to Encodedna.com!';
 
 });
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html> 
<head>
    <title>Greeting Message using JavaScript</title> 
</head>
<body>
    <label id="lblGreetings"></label>
</body></html>

关于基于时间的Javascript Delivery Show,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59575140/

相关文章:

javascript - 遍历空 javascript 数组返回数组对象函数

javascript - MathJax 与 MathJax.Hub.Queue 和 Typeset 的问题

javascript - Facebook Graph API 缓存 JSON 响应

javascript - 在 GridView 中双重搜索 yii2

javascript - 如何将变量从 JavaScript 传递到 HTML?

javascript - 单击按钮后下载 CSV 文件

javascript - cheeriojs - 如何遍历每个对象?

javascript - HTML5 Canvas 文本没有出现?

javascript - jquery 点击功能不起作用

javascript - 无法读取未定义的属性 'addEventListener'