脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS延迟加载

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

 更新时间：2010年07月15日 00:05:27   投稿：mdxy-dxy  
为了让一个广告几秒以后再执行所以做个延迟加载的东东，用了JS实现，还蛮好用的，算是分享，也是记录吧。

第一 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判断数据类型有几种方法及区别介绍

    这篇文章主要介绍了JavaScript判断数据类型有几种方法及区别介绍,本文给大家分享多种方法通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-09-09
  • javascript 实现简单的table排序及table操作练习

    javascript 实现简单的table排序及table操作练习

    在这个列子中，练习了table的操作，主要有：tBodies、rows、cells，还有有关数组的排序方法：sort,按兴趣的朋友可以研究下
    2012-12-12
  • js中如何向数组中添加元素unshift()方法

    js中如何向数组中添加元素unshift()方法

    这篇文章主要介绍了js中如何向数组中添加元素unshift()方法,具有很好的参考价值,希望对大家有所帮助,
    2023-12-12
  • 浅析JS中对函数function的理解(基础篇)

    浅析JS中对函数function的理解(基础篇)

    我们知道，在js中，函数实际上是一个对象，每个函数都是Function类型的实例，并且都与其他引用类型一样具有属性和方法。下面给大家谈下对JS中函数function的理解，一起看看吧
    2016-10-10
  • 跟我学习javascript的undefined与null

    跟我学习javascript的undefined与null

    跟我学习javascript的undefined与null，从定义上理解null和undefined，告诉大家提高undefined性能的方法，感兴趣的小伙伴们可以参考一下
    2015-11-11
  • 为什么说JavaScript预解释是一种毫无节操的机制详析

    为什么说JavaScript预解释是一种毫无节操的机制详析

    这篇文章主要给大家介绍了关于为什么说JavaScript预解释是一种毫无节操的机制的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧
    2018-11-11
  • 用Javascript 编写可以缓慢弹出收缩的层

    用Javascript 编写可以缓慢弹出收缩的层

    前天老师布置了一道思考题，用Javascript编写可以缓慢弹出收缩的层，折腾了好几个小时，总算写出效果.
    2009-10-10
  • 通过手写instanceof理解原型链示例详解

    通过手写instanceof理解原型链示例详解

    这篇文章主要为大家介绍了通过手写instanceof理解原型链示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-05-05
  • js中的this关键字详解

    js中的this关键字详解

    this是Javascript语言的一个关键字它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用,下面分四种情况，详细讨论this的用法，感兴趣的朋友可以了解下
    2013-09-09
  • js chrome浏览器判断代码

    js chrome浏览器判断代码

    今天发现chrome还是有一些独一无二的东西，基于它们，我们就可以搞出基于特征的判定了。
    2010-03-03

最新评论