我是网络开发的初学者,我可能会问一些非常简单的事情。
我有一个带有javascript时钟的网页,每秒自动更新一次(self.updateDom())。
我希望通过JavaScript改变他的风格(用户可以随时自定义他的时钟)。 由于myElement.style.color = newColor,我改变了颜色;但是一旦时钟更新,变化就会消失。
如何永久地进行这些更改? (无需重新加载页面)
感谢您的帮助!
- 编辑 -
HTML的最小示例:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript" src="clock.js"></script>
<div class="module-content">
<div>
<div class="time">
18:48:12
</div>
</div>
</div>
</body>
更新时钟的JS代码取自&#34; https://github.com/MichMich/MagicMirror/blob/master/modules/default/clock/clock.js&#34;。我还没有找到一个简单的方法来提取一个最小的例子。对不起。
我的代码JS更新了时钟的样式:
function changeColorClass (color, classname) {
elements = document.getElementsByClassName(classname);
for (var i = 0; i < elements.length; i++) {
elements[i].style.color=color;
}
}