變化元件基於時間

我試圖改變基於時間這個元素：文本變化元件基於時間

我發現這個片段，但我該怎麼改變/添加，這樣它會影響H1？

var myDate = new Date(); 

/* hour is before noon */ 
if (myDate.getHours() < 12) { 
    document.write("Good Morning!"); 
} 

/* Hour is from noon to 5pm (actually to 5:59 pm) */ 
else if (myDate.getHours() >= 12 && myDate.getHours() <= 17) { 
    document.write("Good Afternoon!"); 
} 

/* the hour is after 5pm, so it is between 6pm and midnight */ 
else if (myDate.getHours() > 17 && myDate.getHours() <= 24) { 
    document.write("Good Evening!"); 
} 

/* the hour is not between 0 and 24, so something is wrong */ 
else { 
    document.write("I'm not sure what time it is!"); 
}

在此先感謝！

來源

2016-11-23 suonpera

我沒有找到任何元素.... – Rayon

使用JQuery：

var myDate = new Date(); 
var text = ""; 

/* hour is before noon */ 
if (myDate.getHours() < 12) { 
    text = "Good Morning!"; 
} 

/* Hour is from noon to 5pm (actually to 5:59 pm) */ 
else if (myDate.getHours() >= 12 && myDate.getHours() <= 17) { 
    text = "Good Afternoon!"; 
} 

/* the hour is after 5pm, so it is between 6pm and midnight */ 
else if (myDate.getHours() > 17 && myDate.getHours() <= 24) { 
    text = "Good Evening!"; 
} 

/* the hour is not between 0 and 24, so something is wrong */ 
else { 
    text = "I'm not sure what time it is!"; 
} 

$("h1").text(text);

沒有JQuery的，最後一行將改爲：

var h1s = document.getElementsByTagName('h1'); 
for(var i = 0; i < h1s.length; i ++) { 
    h1s[i].innerHTML = text; 
}

來源

2016-11-23 09:08:18 Joe

工作就像一個魅力！謝謝！ – suonpera

您可以更改document.write(...)到document.getElementsByTagName('h1')[0].write(...)

這將寫入第一h1標籤在網頁

來源

2016-11-23 09:05:14

您需要在您的網頁上一個h1標籤，你可以給「id」屬性，並根據當前時間而改變的內容：下面的代碼可以幫助你

var myDate = new Date(); /* hour is before noon */ if ( 
 
myDate.getHours() < 12) { 
 
    document.getElementById('greeting').innerHTML ="Good Morning!"; } 
 
else if (myDate.getHours() >= 12 && myDate.getHours() <= 17) 
 
\t {  document.getElementById('greeting').innerHTML ="Good Afternoon!"; } 
 
else if (myDate.getHours() > 17 && myDate.getHours() <= 24) 
 
\t {  document.getElementById('greeting').innerHTML= "Good Evening!"; } 
 
else 
 
\t {  document.getElementById('greeting').innerHTML="I'm not sure what time it is!"; }

<h1 id="greeting"></h1>

來源

2016-11-23 09:09:14

變化元件基於時間

回答

相關問題