JS延迟加载(setTimeout) JS最后加载_javascript技巧
程序员文章站
2024-01-01 14:43:04
...
第一 JS延迟加载
一般情况下都是利用setTimeout来实现
第二 JS最后加载
在需要插入JS的地方插入以下代码:
LOADING...
当然,那个LOADING…你可以换成自己喜欢的小图片。看起来很有AJAX效果呢。
然后在页面最底端插入:
js代码
setTimeout的标准语法是: setTimeout(表达式,时间(毫秒)) 两个参数.
在这里着重记下第一个参数是一个 function时的调用,假设是一个函数.
1.函数无参:
function alertV(){ alert("000"); }
当第一个参数不加引号("" 或 '')时,延迟一秒:
setTimeout(alertV,1000);
当第一个参数加上又引号时,延迟一秒:
setTimeout("alertV()",1000);
2. 函数有参:
function alertV(event){ alert("keyCode="+event.keyCode); }
此时应设置成:
setTimeout(function(){alertV(event);},1000); 不然会提示参数未定义.
复制代码 代码如下:
一般情况下都是利用setTimeout来实现
第二 JS最后加载
在需要插入JS的地方插入以下代码:
复制代码 代码如下:
LOADING...
当然,那个LOADING…你可以换成自己喜欢的小图片。看起来很有AJAX效果呢。
然后在页面最底端插入:
复制代码 代码如下:
js代码
复制代码 代码如下:
setTimeout的标准语法是: setTimeout(表达式,时间(毫秒)) 两个参数.
在这里着重记下第一个参数是一个 function时的调用,假设是一个函数.
1.函数无参:
function alertV(){ alert("000"); }
当第一个参数不加引号("" 或 '')时,延迟一秒:
setTimeout(alertV,1000);
当第一个参数加上又引号时,延迟一秒:
setTimeout("alertV()",1000);
2. 函数有参:
function alertV(event){ alert("keyCode="+event.keyCode); }
此时应设置成:
setTimeout(function(){alertV(event);},1000); 不然会提示参数未定义.
setTimeout(function () { $("#id").html(datastr); }, 1000);
jquery的通过delay实现,例如
$("#id").delay(1000).html(datastr);
setTimeout('yourFunction()',5000); 5秒后执行yourFunction(),只执行一次
setInterval('yourFunction()',5000); 每隔5秒执行一次u
如果在yourFunction()中再次调用了setTimeout('yourFunction()',5000),可以完成类似于
setInterval('yourFunction()',5000)的功能
要是哪位还有好的可行方法,谢谢共享.
推荐阅读
-
javascript - JS动态加载页面问题
-
JS延迟加载(setTimeout) JS最后加载_javascript技巧
-
yii2 页面底部加载css和js的技巧_php实例
-
js中settimeout方法加参数_javascript技巧
-
jquery插件lazyload.js延迟加载图片的使用方法
-
如何调试异步加载页面里包含的js文件_javascript技巧
-
js或者jquery判断图片是否加载完成实现代码_javascript技巧
-
JS中setInterval、setTimeout不能传递带参数的函数的解决方案_javascript技巧
-
js加载之使用DOM方法动态加载Javascript文件_javascript技巧
-
js实现延时加载Flash的方法_javascript技巧