JavaScript dynamically changes the state behavior of elements in the current page

function Datea () {


var timed = document.getElementById (' timed ');
var t = setinterval (function tdate () {
var D1 = new Date ()
var h = d1.gethours ();
var m = d1.getminutes ()
var s = d1.getseconds ()
To determine if h,m,s is less than 10
H1 = h < 10? ' 0 ' + h:h
M1 = M < 10? ' 0 ' + m:m
S1 = s < 10? ' 0 ' + s:s
var str = h1 + ': ' + m1 + ': ' + S1;
Console.log (str)
if (str >= ' 00:00:00 ' && str < "12:00:00") {
timed.innerhtml = ' Good Morning '
Return
} else if (str >= "12:00:00" && str < "18:00:00") {
timed.innerhtml = ' Good afternoon '
Return
} else if (str >= "18:00:00" && str < "24:00:00") {
timed.innerhtml = ' Good evening '
Return
}

}, 1000)
}
Datea ();

JavaScript dynamically changes the state behavior of elements in the current page