2013-02-26 26 views
0

我有一個div id="button"我想在上班時間(星期一至星期五)上午9點至下午19點顯示。 當此div未顯示(「其他」)時,我想顯示div id="different"如何使用JavaScript來安排div顯示?

我想我在這裏找到Show div based on getDay and getHours + getMinutes

一個類似但更復雜的解決方案的問題是,我在JS虛設,不能跟隨。一個簡單和易於調整的複製/粘貼解決方案將不勝感激!

+2

那不是作品... http://stackoverflow.com/faq#dontask – 2013-02-26 12:17:38

+0

@JanHančič爲什麼是真的怎麼那麼這個問題不好?這不是一個主觀問題,而是在尋求一個明確的解決方案。它的合理範圍並不要求討論。 OP不提供代碼,但鏈接到一些並要求更適合初學者的東西。我在常見問題中錯過了什麼嗎? – guypursey 2013-02-26 12:20:04

+0

也許我誤解了規則,但我認爲「給我代碼」類型的問題在這裏不受歡迎...... – 2013-02-26 12:23:13

回答

1

這裏有一個簡單的解決方案:

var dt = new Date(); // get current date 
var dy = dt.day(); // get the day from the date object 
var hr = dt.getHours(); // get the hour from the date object 

if (dy >= 1 && dy <= 5 && hr >= 9 && hr < 19) { // check the time is right 
    document.getElementById('button').style.display = 'block'; // shows button as block 
    document.getElementById('other').style.display = 'none'; // hides "other" button. 
} else { 
    document.getElementById('button').style.display = 'none'; // shows button as block 
    document.getElementById('other').style.display = 'block'; // hides "other" button. 
} 

這很特別呢,你說什麼,但可以參照適用於this page,這將給你的號碼爲天(星期日是0,週一1,等等)以及JavaScript Date對象的其他屬性(如果需要它們)。

[我相信其他人可以玩一些code golf用它了。]

+0

OP在提問後似乎已經消失..lolzzz – 2013-02-26 12:33:11

+0

謝謝)我也讀了一些關於w3schools的內容,並將其添加爲getUTCDay和getUTCHours,因此顯示時間取決於我的實際工作時間,而不是訪問者本地時間。 – 2013-02-27 13:35:08