2016-05-18 20 views
-6

私は基本的にJavaスクリプトとHTMLですので、私は質問したいと思います:時間に基づいて異なるスクリプトを実行するにはどうすればいいですか? :6AMから7PMまで、<script>..</script>他のスクリプトを実行します。時間に基づいて異なるスクリプトを実行するにはどうすればよいですか?


私の質問は明らかです。

+2

現在の日付時刻を確認してスクリプトを実行しますか?これまでに何を試しましたか? – choz

+0

私はちょうど正しいコードで私に答えてください基本です:) –

+7

あなたはすでに試したことを示す必要があります。 [良い質問をする方法](http://stackoverflow.com/help/how-to-ask)と[mcve] – Tibrogargan

答えて

0

var hour = new Date().getHours(); // hour will get current hour like 0 to 23 switch(hour) { case '6': // code in this case will run if current time is in 6am to 7am alert('hi, it's in 6 a.m to 7 a.m now'); break; case '7': // any other hour // add your code you want to run between 7 - 8 am break; }

+0

ありがとう非常に): –

+0

'午前2時 - 午前6時'のような時間のクロス時間をしたい場合は、 'ケース2 'ケース '5'に変換する。しかし、この状況では、** if(){} else {} **がうまく機能します。 –

+0

ところで、より便利な「IDE」を使用してください。私は**原子**と** VisualStudioコード**、フリーでクロスプラットフォームが好きです。 –

0

あなたは、私はあなたがページがジャンプしたい場合は代わりのhrefのLOCATION.HREF使用したいと考えていRegExp/.*\s/

var now = new Date().toLocaleString().split(/,/)[1].trim(); 

var curr = now.match(/\d+(?=\:)/), ampm = now.split(/.*\s/)[1]; 

if ((curr >= 6 && ampm === "AM") || (curr < 7 && ampm === "PM")) { 
    // do stuff 
} 
+0

ありがとうございました –

0

RegExp/\d+(?=\:)/new Date().toLocaleString().match().split()を使用することができます所望の場所に移動する。アンカーが既に定義されているように、ページが処理された後にコードを実行する必要があります。これは、本文の末尾にスクリプトを置くか、またはwindow.onloadまたはdocument.onloadを使用して、ページの機能がロードされた後に実行されるメソッドを設定することによって実行できます。以下の場合、ジャンプはボタンによってトリガされます。

<!DOCTYPE html> 
<html> 
<head> 
<title>Using hour of day in Javascript</title> 
<script> 
function processDate() { 
    var outField = document.getElementById("out"); 
    var date = new Date(); 
    var time = date.getHours(); 
    alert("Hour is " + time); 
    outField.value = time; 
    location.href="#5"; 
} 
</script> 
</head> 
<body> 
<p>See:</p> 
<ul> 
<li><a href="http://www.w3schools.com/js/js_dates.asp" 
    target="_blank">http://www.w3schools.com/js/js_dates.asp</a></li> 
<li><a href="http://www.w3schools.com/jsref/jsref_obj_date.asp" 
    target="_blank"> 
    http://www.w3schools.com/jsref/jsref_obj_date.asp</a></li> 
</ul> 
<form> 
<p><input type="button" onclick="processDate()" value="Show Date"></input></p> 
<p><input type="text" id="out" size="50"></input></p> 
</form> 
<p><a name="5">This is point 5</a></p> 
</body> 
</html> 
+0

ありがとうございました –

関連する問題