Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Javascript Delivery Show Based On Time

Tags:

javascript

I am trying to show this condition,

00 - 07 am - show "Today Morning" || 07 - 19 pm - show "Today Evening" || 19 - 24 am - show "Tomorrow Morning"

But I guess something is wrong with my code.

   <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>
like image 217
Purkait Avatar asked Nov 19 '25 12:11

Purkait


1 Answers

 $(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>
like image 98
Chandrashekhar Komati Avatar answered Nov 22 '25 01:11

Chandrashekhar Komati



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!