js 怎么让图片加载完成后才执行下面代码

Posted 2023-05-13

var img = new Image();
img.src = “image图片”;
img.onload = function () //等待图片加载完成后才执行下面
//下面执行

也就是说，onload实现同步执行效果

要把图片当成是图片对象才行；

var a=new Image(); //这个是原生的JS实例化

a.src=arr[shownum++].url;

然后Image对象有一个属性“onload”,这个就是加载完成，当加载完成之后你可以执行一个函数比如

a.onload=function()

alert("完成加载");

这样当你的图片加载完成后就执行下面的函数了。

相关问题：

如果你是将JS函数写入到一个单独的文件中，如function.js，

下面为function.js
/*
这里最好是记录一下函数的作用，如果有参数，最好就是说明一下
函数名称：func1
函数作用：测试加载外部JS文件
参数说明：无

*/
function func1()
alert("调用了函数1");

/*
函数名称：func1
函数作用：测试加载外部JS文件
参数说明：无

*/
function func2()
alert("调用了函数2");



至于JS的书写规范有很多种，主要就是方便浏览及习惯，你可以自己看看书上的书写方式或者参考一下其他高手方式。

出现乱码的原因就是1楼所说，原因是你的JS文件和html文件的编码不一致，而且你的JS文件有中文（如果js文件只有英文的话，即便是编码不一致也不会出现乱码情况。）
你应该用记事本打开你的JS文件，然后点击“文件”--另存为--把编码改为“UTF-8”的编码，
这样就不会出现乱码了。

参考技术A 要把图片当成是图片对象才行~
var a=new Image(); //这个是原生的JS实例化
a.src=arr[shownum++].url;

然后Image对象有一个属性“onload”,这个就是加载完成，当加载完成之后你可以执行一个函数比如
a.onload=function()
alert("完成加载");


这样当你的图片加载完成后就执行下面的函数了~追问

你这样还是异步的

var a=new Image(); //这个是原生的JS实例化
a.src=arr[shownum++].url;
a.onload=function()
alert("完成加载");

alert("0");

你可以看看这个谁先运行的

animate动画怎么让一个执行完了后才执行另一个？

$('.w').animate(opacity: "100",5000, shtxt());

这样写对吗，这样写不等透明度执行完就执行了shtxt()函数，哪里写的不对了？

这样写是对的：

$('.w').animate(opacity:10,5000,shtxt());

Animate

简介：

于昭和62年（1987年）7月成立，主要事业内容为动漫相关角色商品，书籍杂志，CD·DVD，游戏，画材等物品的贩卖。其中声优商品以及游戏商品等等在动漫迷的口碑中特别好，甚至有称在动漫系的商店中是最大规模的店铺。此外在池袋本店收录了大量的女性向商品。我们在动画幸运星中看到的“店长”的形象，其实就是Animate的店长卡通造型。

业务：

Animate是日本动漫行业中最大的企业，目前在全日本46都道府县内都开设了店铺。所经营的角色商品均经过各版权方的许可，集团公司自主开发的产品也很多，大多的商品都是在一般的玩具店中购买不到的。此外、类似音乐影像游戏软件的商品，很多都是在配合厂商的初回特典的基础上，另外再给在Animate预约的客人发放Animate的限定特典。特典从海报到和厂商合作配布的新颖的特典，种类繁多。

在一些大城市的店铺中还会有Animate自己举办的event，会请来一些声优和动漫歌曲的歌手助阵，这些几乎都是需要预约或购买动漫周边相关商品才能拿到参加券的。

在民办电台较少或者动画不太播出的地区的店铺中，还会播放当地地方电台不播的动画的放映宣传录像DVD，对作品进行推广。

参考技术A $('.w').animate(opacity: "100",5000,function()
shtxt();

);追问

为啥透明度显示成100%后要等很长时间才执行shtxt()函数，要是调成1000透明度又执行的过快，哪里有问题？

追答

5000等于5秒，1000的1秒

参考技术B 这样写是对的
$('.w').animate(opacity:10,5000,shtxt());本回答被提问者采纳 参考技术C LZ写的是正确的呀
难道运行出错了？