如何从 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