Javascript-随机图像错误
Javascript - random images error
我有以下问题,我有21张小图片,我希望它们在定义的时间间隔内随机放置在窗口中。
我有以下代码,我知道问题的原因,但我无法解决。
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function () {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(Prep6);
addLoadEvent(Prep7);
function Prep6() {
window_Height = window.innerHeight;
window_Width = window.innerWidth;
image_Element = document.getElementById("loader06");
image_Height = image_Element.clientHeight;
image_Width = image_Element.clientWidth;
availSpace_V = window_Height - image_Height;
availSpace_H = window_Width - image_Width;
moveImage7();
var changeInterval = 300;
setInterval(moveImage7, changeInterval);
}
function moveImage6() {
var randNum_V = Math.round(Math.random() * availSpace_V);
var randNum_H = Math.round(Math.random() * availSpace_H);
image_Element.style.top = randNum_V + "px";
image_Element.style.left = randNum_H + "px";
}
function Prep7() {
window_Height = window.innerHeight;
window_Width = window.innerWidth;
image_Element = document.getElementById("loader07");
image_Height = image_Element.clientHeight;
image_Width = image_Element.clientWidth;
availSpace_V = window_Height7 - image_Height;
availSpace_H = window_Width - image_Width;
moveImage7();
var changeInterval = 300;
setInterval(moveImage7, changeInterval);
}
function moveImage7() {
var randNum_V = Math.round(Math.random() * availSpace_V);
var randNum_H = Math.round(Math.random() * availSpace_H);
image_Element.style.top = randNum_V + "px";
image_Element.style.left = randNum_H + "px";
}
问题是:
moveImage7();
function moveImage6()
我该如何解决?
我相信您遇到了一些范围问题。换句话说,moveImage6()和moveImage7()函数中使用的变量是看不到的,因为它们是其他函数的本地变量。要解决此问题,必须将这些变量传递给moveImage函数。您的moveImage函数通过setInterval函数定期调用,因此按如下方式传递参数:
setInterval(function(){
moveImage6(availSpace_V, availSpace_H, image_Element);
}, changeInterval);
这还需要更新moveImage6()和moveImage7()函数以接受这些参数。
使用setInterval 传递参数
jsfiddle:简化的实际
希望这能有所帮助!
PS:您可能需要将prep7()中的window_Height7更改为window_Height
相关文章:
- 从安卓设备将图像上传到服务器时,文件扩展名错误
- 未捕获的类型错误: 无法读取未定义的属性“图像”
- 在Firefox中导出高图表时出现黑色图像错误
- 错误:$injector:modulerr加载图像时模块处于角度
- 错误时用图像替换视频
- jQuery:获取图像加载错误的详细信息
- 在照片查看器(Javascript和jQuery)中异步加载图像时可能出现错误
- 尝试getUrl图像时,Firefox WebExtension出现安全错误
- cordova图像上传出现文件传输错误
- JS预加载图像错误
- JQuery 图像错误处理
- 图像滑块的错误
- 铯:使用自己的OpenStreetMap服务器.:“无法获取图像磁贴”错误
- lightgallery type未加载错误图像
- 火狐 SDK 错误“图像包含错误,无法显示”
- JavaScript 代码错误:图像不显示
- 使用带有错误图像路径的 jQuery 加载打开的页面
- IE 11错误-图像在标签内的形式-需要保存鼠标事件
- 图像交替功能交替错误图像
- 如何为页面上的所有图像设置错误图像