如何從 html 中的 js 腳本引用變量

Question

我之前看過類似的問題，但沒有一個對我的情況有幫助。 歸根結底，我是一個菜鳥，正在嘗試將 html 背景顏色更改為在 js 腳本中創建的變量，但我不太確定如何執行此操作。 我希望“顏色”用於背景顏色。 h、m、s 是小時、分鍾和秒。 我正在從計算機中提取這些內容，並且打印效果很好。 這是我發現的與我想做的幾乎相同的事情www.jacopocolo.com/hexclock/

JS

if (h<=9) {h = '0'+h};
if (m<=9) {m = '0'+m};
if (s<=9) {s = '0'+s};

var color = '#'+h+m+s;

$("div.background").css("background-color", color );

HTML

<style>
.background {
width: 100%;
height: 100%;
position: absolute;
vertical-align: middle;
}
</style>

我試過為背景制作一個 div（如上所示），但它似乎不起作用。 最后，我真正要做的就是這部分

if (h<=9) {h = '0'+h};
if (m<=9) {m = '0'+m};
if (s<=9) {s = '0'+s};

var color = '#'+h+m+s;

有人能告訴我如何正確地做到這一點，甚至只是指出我的大方向嗎？ 任何幫助將不勝感激。

Answer 1

我試過了，效果很好。

 $(document).ready(function(){ var h = 0; var m = 9; var s = 20; if (h<=9) {h = '0'+h} if (m<=9) {m = '0'+m}; if (s<=9) {s = '0'+s}; var color = '#'+h+m+s; console.log('color' + color); console.log("Original Color " + $("div.background").css('background-color')); $("div.background").css("background-color", color ); console.log("Updated Color " + $("div.background").css('background-color')); });

 <html> <title>Title</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script src="app.js"></script> <style> .background { width: 100%; height: 100%; position: absolute; vertical-align: middle; } </style> </head> <body> <div class="background">hello world</div> </body> </html>

Answer 2

您代碼中的問題可能是必須以十六進制坐標給出以“#”開頭的顏色參數：

red=10, green=20 and blue=40 應該這樣寫：

#0A1428

因此，您必須首先將每個坐標轉換為十六進制，如下所示：

var h = h.toString(16);
var m = m.toString(16);
var s = s.toString(16);

然后，執行零左填充，依此類推。

如何從 html 中的 js 腳本引用變量

問題描述

2 個解決方案

解決方案1
1 2016-04-20 23:02:45

解決方案2
0 2016-04-21 06:21:46

如何從 html 中的 js 腳本引用變量

問題描述

2 個解決方案

解決方案1 1 2016-04-20 23:02:45

解決方案2 0 2016-04-21 06:21:46

解決方案1
1 2016-04-20 23:02:45

解決方案2
0 2016-04-21 06:21:46