JS延迟加载(setTimeout) JS最后加载


Posted in Javascript onJuly 15, 2010

第一 JS延迟加载

<script language="JavaScript" src="" id="my"></script> 

<script> 

setTimeout("document.getElementById('my').src='include/common.php'; ",3000);//延时3秒 

</script>

一般情况下都是利用setTimeout来实现
第二 JS最后加载
在需要插入JS的地方插入以下代码:
<SPAN id=L4EVER>LOADING...</SPAN>

当然,那个LOADING…你可以换成自己喜欢的小图片。看起来很有AJAX效果呢。
然后在页面最底端插入:
<SPAN class=spanclass id=AD_L4EVER><script src="1.js"></script></SPAN>

js代码
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>

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 相关文章推荐
JavaScript实现将xml转换成html table表格的方法
Apr 17 Javascript
解析JavaScript的ES6版本中的解构赋值
Jul 28 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
Aug 05 Javascript
jquery实现LED广告牌旋转系统图片切换效果代码分享
Aug 26 Javascript
jQuery ajax分页插件实例代码
Jan 27 Javascript
JS实现旋转木马式图片轮播效果
Jan 18 Javascript
JS操作input标签属性checkbox全选的实现代码
Mar 02 Javascript
原生js的ajax和解决跨域的jsonp(实例讲解)
Oct 16 Javascript
js实现随机点名系统(实例讲解)
Oct 18 Javascript
移动前端图片压缩上传的实例
Dec 06 Javascript
vue中的面包屑导航组件实例代码
Jul 01 Javascript
Angular短信模板校验代码
Sep 23 Javascript
JavaScript.Encode手动解码技巧
Jul 14 #Javascript
JavaScript中的一些定位属性[图解]
Jul 14 #Javascript
JQuery的ajax获取数据后的处理总结(html,xml,json)
Jul 14 #Javascript
jquery1.4.2 for Visual studio 2010 模板文件
Jul 14 #Javascript
javascript客户端解决方案 缓存提供程序
Jul 14 #Javascript
IE6图片加载的一个BUG解决方法
Jul 13 #Javascript
IE中createElement需要注意的一个问题
Jul 13 #Javascript
You might like
咖啡冲泡指南 咖啡有哪些制作方式 单品咖啡 意式咖啡
2021/03/06 冲泡冲煮
PHP中路径问题的解决方案
2006/10/09 PHP
在PHP中使用Sockets 从Usenet中获取文件
2008/01/10 PHP
wamp服务器访问php非常缓慢的解决过程
2015/07/01 PHP
PHP提高编程效率的20个要点
2015/09/23 PHP
实例详解PHP中html word 互转的方法
2016/01/28 PHP
利用PHP如何写APP接口详解
2016/08/23 PHP
Alliance vs Liquid BO3 第一场2.13
2021/03/10 DOTA
javascript中数组array及string的方法总结
2014/11/28 Javascript
JS实现鼠标滑过显示边框的菜单效果
2016/09/21 Javascript
Easyui Tree获取当前选择节点的所有顶级父节点
2017/02/14 Javascript
关于vue.js过渡css类名的理解(推荐)
2017/04/10 Javascript
webpack 样式加载的实现原理
2018/06/12 Javascript
JS函数进阶之继承用法实例分析
2020/01/15 Javascript
原生js无缝轮播插件使用详解
2020/03/09 Javascript
python中正则表达式的使用详解
2014/10/17 Python
Python的Bottle框架的一些使用技巧介绍
2015/04/08 Python
Python使用cx_Oracle模块将oracle中数据导出到csv文件的方法
2015/05/16 Python
Python通过select实现异步IO的方法
2015/06/04 Python
python 重定向获取真实url的方法
2018/05/11 Python
python检测空间储存剩余大小和指定文件夹内存占用的实例
2018/06/11 Python
Windows下PyCharm2018.3.2 安装教程(图文详解)
2019/10/24 Python
Python中base64与xml取值结合问题
2019/12/22 Python
利用matplotlib为图片上添加触发事件进行交互
2020/04/23 Python
Python3.7在anaconda里面使用IDLE编译器的步骤详解
2020/04/29 Python
详解java调用python的几种用法(看这篇就够了)
2020/12/10 Python
德国运动鞋网上商店:Afew Store
2018/01/05 全球购物
反邪教宣传工作方案
2014/05/07 职场文书
幼儿园区域活动总结
2014/05/08 职场文书
文明演讲稿范文
2014/05/12 职场文书
企业安全生产承诺书
2014/05/22 职场文书
小学领导班子对照材料
2014/08/23 职场文书
小学一年级班主任工作经验交流材料
2015/11/02 职场文书
教师培训学习心得体会
2016/01/21 职场文书
关于ObjectUtils.isEmpty() 和 null 的区别
2022/02/28 Java/Android
Javascript的promise,async和await的区别详解
2022/03/24 Javascript