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 相关文章推荐
Jquery中getJSON在asp.net中的使用说明
Mar 10 Javascript
node.js中的fs.fsyncSync方法使用说明
Dec 15 Javascript
基于jQuery实现表格的排序
Dec 02 Javascript
EditPlus中的正则表达式 实战(2)
Dec 15 Javascript
详解打造 Vue.js 可复用组件
Mar 24 Javascript
基于JavaScript实现数码时钟效果
Mar 30 Javascript
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
微信小程序实现流程进度的图样式功能
Jan 16 Javascript
小程序实现左右来回滚动字幕效果
Dec 28 Javascript
Vue从TodoList中学父子组件通信
Feb 05 Javascript
JS实现利用闭包判断Dom元素和滚动条的方向示例
Aug 26 Javascript
Vue项目中使用mock.js的完整步骤
Jan 12 Vue.js
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
用PHP书写安全的脚本代码
2012/02/05 PHP
PHP实现Soap通讯的方法
2014/11/03 PHP
PHP实现数组根据某个字段进行水平合并,横向合并案例分析
2019/10/08 PHP
JavaScript中文件上传API详解
2016/04/01 Javascript
分享两段简单的JS代码防止SQL注入
2016/04/12 Javascript
纯JavaScript手写图片轮播代码
2016/10/20 Javascript
Vue.js系列之项目结构说明(2)
2017/01/03 Javascript
微信小程序 设置启动页面的两种方法
2017/03/09 Javascript
JavaScript实现弹窗效果代码分析
2017/03/09 Javascript
JS实现AES加密并与PHP互通的方法分析
2017/04/19 Javascript
微信小程序 支付功能实现PHP实例详解
2017/05/12 Javascript
最基础的vue.js双向绑定操作
2017/08/23 Javascript
用VueJS写一个Chrome浏览器插件的实现方法
2019/02/27 Javascript
Node.js 的 GC 机制详解
2019/06/03 Javascript
vue实现短信验证码登录功能(流程详解)
2019/12/10 Javascript
js判断在哪个浏览器打开项目的方法
2020/01/21 Javascript
Vue基于iview table展示图片实现点击放大
2020/08/05 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
Python入门学习之字符串与比较运算符
2015/10/12 Python
深入理解python中的select模块
2017/04/23 Python
用virtualenv建立多个Python独立虚拟开发环境
2017/07/06 Python
在PyCharm中实现关闭一个死循环程序的方法
2018/11/29 Python
python 文本单词提取和词频统计的实例
2018/12/22 Python
pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法
2019/08/17 Python
Python使用微信itchat接口实现查看自己微信的信息功能详解
2019/08/22 Python
django中media媒体路径设置的步骤
2019/11/15 Python
Pytorch中的自动求梯度机制和Variable类实例
2020/02/29 Python
浅谈Python中文件夹和python package包的区别
2020/06/01 Python
Python+OpenCV图像处理—— 色彩空间转换
2020/10/22 Python
信息专业毕业生五年职业规划参考
2014/02/06 职场文书
行政部工作岗位职责范本
2014/03/05 职场文书
会计试用期自我评价怎么写
2014/09/18 职场文书
教师党员批评与自我批评
2014/10/15 职场文书
大学四年个人总结
2015/03/03 职场文书
在校大学生才艺比赛策划书怎么写?
2019/08/26 职场文书
SQL Server Agent 服务无法启动
2022/04/20 SQL Server