Question

我正在使用网络摄像头的实时流来获取我个人网站的背景图片，我遇到问题，每隔2秒自动刷新一次。

Feed来源：

http://207.251.86.238/cctv7.jpg

我的CSS需要覆盖执行网站其余部分的主题。所以我在这里注入了它：

#main {
background-image: url("http://207.251.86.238/cctv7.jpg");
background-size: cover;
}

我的JavaScript：

<script language="JavaScript" type="text/javascript">

function reloadBackground() {
url = "http://207.251.86.238/cctv7.jpg?" + new Date().getTime();
img = document.getElementByClassId("#main");
img.src = url;
}

</script>

在我的HTML中：

<body onLoad="setInterval('reloadBackground()',2000)">

我对JavaScript并不擅长，所以非常感谢您的帮助！

Answer 1

此Id没有元素。

你应该做的是getElementByClassName。但是，我不确定您是否可以使用该函数连接类名。

//don't use dots '.' or hashes in the parameter
document.getElementByClassName("full-width-homepage");

Answer 2

你尝试这样做的方式有很多问题。没有document.getElementByClassId（）方法; “#main”不是图像，所以它上面没有.src属性;你不需要将onLoad（）放在BODY标签中;你不能有两个BODY标签;你不能在文档中嵌入BODY标记......等等。

这应该有效：

<script type="text/javascript">
    setTimeout(function() {
        document.getElementById("main").style.backgroundImage = "url("
            + "http://207.251.86.238/cctv7.jpg?"
            + new Date().getTime()
            + ")";
    }, 2000);
</script>

使用JavaScript发出自动刷新背景图像

2 个答案: