Javascript - 根據一天中的時間改變漸變顏色的身體

-1

如何根據一天中的時間動態更改身體中的漸變？Javascript - 根據一天中的時間改變漸變顏色的身體

感謝

圖

http://a1.dspncdn.com/media/692x/da/dc/4e/dadc4ed5117d4a8cc582199bb3ac9c68.jpg

來源

2015-09-29 Pietro Spagnolo

預計你至少嘗試爲自己的代碼這一點。堆棧溢出不是代碼寫入服務。我建議你做一些額外的研究，無論是通過谷歌或通過搜索，做一個嘗試和。如果您仍然遇到麻煩，請返回**您的代碼**並解釋您嘗試過的以及爲什麼它不起作用。 –

你說得對，我想開始討論它。 –

從現在開始我會很清楚。謝謝。 –

這可能有助於看看https://stackoverflow.com/a/4358182/2588199，然後要麼設置不同的背景或CSS梯度字符串。

喜歡的東西：

var currentTime = new Date().getHours(); 
//Change here to set the hours to wish to change between 
if (7 <= currentTime && currentTime < 20) { 
    //place image or strng here 
}else { 
    //Place image or string here 
}

來源

2015-09-29 11:39:10 russell

我找到了類似的解決方案。我在想更精確和動態的東西。我無法在我的電腦上運行此代碼http://jsfiddle.net/hakuagej/ –

想要顯示的顏色是否預先定義爲每個小時？這樣的顏色不會隨機？ – russell

在這裏我更新了你的代碼，讓你以你需要的方式選擇顏色http://jsfiddle.net/hakuagej/1/如果你想使用css漸變，這可能會有幫助http：//www.colorzilla。 com/gradient-editor/ – russell

使用下面的代碼

HTML

<div id='time'> 
</div>

的JavaScript

var d = new Date(); 
var time = d.getHours(); 
var div=document.getElementById('time'); 
if (time < 12) 
{ 
    div.style.backgroundImage ="url('morning image')"; 
} 
if (time >= 12 && time < 3) 
{ 
    div.style.backgroundImage ="url('afternoon image')"; 
} 
if (time > 3) 
{ 
    div.style.backgroundImage ="url('http://a1.dspncdn.com/media/692x/da/dc/4e/dadc4ed5117d4a8cc582199bb3ac9c68.jpg')"; 
}

CSS

#time{ 
    height:400px; 
    width:400px; 
}

請參閱本fiddle

來源

2015-09-29 11:43:12

這非常接近我的想法。我怎樣才能添加我的顏色，而不是隨機的？ http://jsfiddle.net/hakuagej/ –

你可以使用漸變顏色..使用div.style.backgroundColor ='color_name'; –

Javascript - 根據一天中的時間改變漸變顏色的身體

回答

相關問題