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 相关文章推荐
js每次Title显示不同的名言
Sep 25 Javascript
IE与firefox之jquery用法区别
Oct 03 Javascript
Jquery Ajax的Get方式时需要注意URL地方
Apr 07 Javascript
JavaScript 原型继承
Dec 26 Javascript
javascript设计简单的秒表计时器
Sep 05 Javascript
学习使用AngularJS文件上传控件
Feb 16 Javascript
Jquery获取当前城市的天气信息
Aug 05 Javascript
three.js绘制地球、飞机与轨迹的效果示例
Feb 28 Javascript
浅谈vue实现数据监听的函数 Object.defineProperty
Jun 08 Javascript
JS基于正则表达式实现的密码强度验证功能示例
Sep 21 Javascript
浏览器调试动态js脚本的方法(图解)
Jan 19 Javascript
微信小程序实现签到功能
Oct 31 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 源代码压缩小工具
2009/12/22 PHP
提高PHP编程效率的53个要点(经验小结)
2010/09/04 PHP
PHP中遇到BOM、编码导致json_decode函数无法解析问题
2014/07/02 PHP
PHP中使用CURL获取页面title例子
2015/01/07 PHP
PHP实现抓取迅雷VIP账号的方法
2015/07/30 PHP
PHP array_reduce()函数的应用解析
2018/10/28 PHP
PHP面向对象程序设计之多态性的应用示例
2018/12/19 PHP
YII框架学习笔记之命名空间、操作响应与视图操作示例
2019/04/30 PHP
php中使用array_filter()函数过滤数组实例讲解
2021/03/03 PHP
jQuery EasyUI 中文API Button使用实例
2010/04/14 Javascript
JS正则中的RegExp对象对象
2012/11/07 Javascript
利用javascript判断文件是否存在
2013/12/31 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
2014/02/13 Javascript
jQuery设置和获取HTML、文本和值示例
2014/07/08 Javascript
Nodejs中session的简单使用及通过session实现身份验证的方法
2016/02/04 NodeJs
动态加载权限管理模块中的Vue组件
2018/01/16 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
2018/09/03 Javascript
在vue中解决提示警告 for循环报错的方法
2018/09/28 Javascript
js 判断当前时间是否处于某个一个时间段内
2019/09/19 Javascript
js 计算月/周的第一天和最后一天代码
2020/02/01 Javascript
Vue.js实现立体计算器
2020/02/22 Javascript
[00:15]TI9观赛名额抽取
2019/07/10 DOTA
python二叉树的实现实例
2013/11/21 Python
python异常和文件处理机制详解
2016/07/19 Python
python中os模块详解
2016/10/14 Python
Python实现基本数据结构中栈的操作示例
2017/12/04 Python
基于python3 OpenCV3实现静态图片人脸识别
2018/05/25 Python
用pycharm开发django项目示例代码
2018/10/24 Python
英国领先的鞋类零售商:Shoe Zone
2018/12/13 全球购物
关于递归的一道.NET面试题
2013/05/12 面试题
青春寄语大全
2014/04/09 职场文书
小学开学标语
2014/07/01 职场文书
结婚十年感言
2015/07/31 职场文书
用Python提取PDF表格的方法
2021/04/11 Python
Mysql实现简易版搜索引擎的示例代码
2021/08/30 MySQL
基于Python实现股票收益率分析
2022/04/02 Python