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编辑器和代码格式化
Apr 25 Javascript
JavaScript 打地鼠游戏代码说明
Oct 12 Javascript
JavaScript中的类继承
Nov 25 Javascript
自定义右键属性覆盖浏览器默认右键行为实现代码
Feb 02 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
Sep 10 Javascript
jquery解析xml字符串简单示例
Apr 11 Javascript
AngularJs学习第八篇 过滤器filter创建
Jun 08 Javascript
JS简单实现自定义右键菜单实例
May 31 Javascript
如何通过非数字与字符的方式实现PHP WebShell详解
Jul 02 Javascript
微信小程序跳转到其他网页(外部链接)的实现方法
Sep 20 Javascript
Vue 实现简易多行滚动&quot;弹幕&quot;效果
Jan 02 Javascript
javascript浅层克隆、深度克隆对比及实例解析
Feb 09 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
PHP session有效期问题
2009/04/26 PHP
对text数据类型不支持代码页转换 从: 1252 到: 936
2011/04/23 PHP
PHP使用PHPExcel删除Excel单元格指定列的方法
2016/07/06 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
php xhprof使用实例详解
2019/04/15 PHP
Laravel Eloquent分表方法并使用模型关联的实现
2019/11/25 PHP
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
2011/04/06 Javascript
window.open 以post方式传递参数示例代码
2014/02/27 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
2015/04/27 Javascript
JS实现动态移动层及拖动浮层关闭的方法
2015/04/30 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
简述AngularJS相关的一些编程思想
2015/06/23 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
2016/03/25 Javascript
React实现点击删除列表中对应项
2017/01/10 Javascript
如何实现小程序tab栏下划线动画效果
2019/05/18 Javascript
基于JavaScript实现简单抽奖功能代码实例
2020/10/20 Javascript
Python使用回溯法子集树模板解决爬楼梯问题示例
2017/09/08 Python
Python实现OpenCV的安装与使用示例
2018/03/30 Python
python实现逆序输出一个数字的示例讲解
2018/06/25 Python
详解配置Django的Celery异步之路踩坑
2018/11/25 Python
详解Python基础random模块随机数的生成
2019/03/23 Python
python实现微信防撤回神器
2019/04/29 Python
用python查找统一局域网下ip对应的mac地址
2021/01/13 Python
世界上最大的各式箱包网络零售店:eBag
2016/07/21 全球购物
Diptyque英国官方网站:源自法国的知名香氛品牌
2019/08/28 全球购物
新闻记者实习自我鉴定
2013/09/19 职场文书
护士自荐信
2013/10/25 职场文书
会计主管岗位职责范文
2013/11/08 职场文书
学校领导班子对照检查材料
2014/08/28 职场文书
学生自我评语
2015/01/04 职场文书
暑假安全保证书
2015/02/28 职场文书
二年级作文之动物作文
2019/11/13 职场文书
vue backtop组件的实现完整代码
2021/04/07 Vue.js
CSS完成视差滚动效果
2021/04/27 HTML / CSS
MySQL 那些常见的错误设计规范,你都知道吗
2021/07/16 MySQL
Vue3如何理解ref toRef和toRefs的区别
2022/02/18 Vue.js