为了让一个广告几秒以后再执行所以做个延迟加载的东东,用了JS实现,还蛮好用的,算是分享,也是记录吧。

第一 JS延迟加载

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

一般情况下都是利用setTimeout来实现

第二 JS最后加载

在需要插入JS的地方插入以下代码:

LOADING...

当然,那个LOADING…你可以换成自己喜欢的小图片。看起来很有AJAX效果呢。

然后在页面最底端插入:

js代码

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)的功能

要是哪位还有好的可行方法,谢谢共享.

js 延期执行_JS延迟加载(setTimeout) JS最后加载相关推荐

  1. js 延期执行_js延迟执行函数

    在js中,延迟执行函数有两种:setTimeout和setInterval setTimeout("test()","2000"); //2000毫秒后执行te ...

  2. html5.js百度网盘,HTML5 Canvas+js仿百度网盘扫描文件过程加载动画

    HTML5 Canvas+js仿百度网盘扫描文件过程加载动画 这是一款简单的HTML5 Canvas+js仿百度网盘扫描文件过程加载动画效果,网盘文件扫描百分比加载动画特效. var w=docume ...

  3. Java 单例模式:懒加载(延迟加载)和即时加载

    Java 单例模式:懒加载(延迟加载)和即时加载 引言 在开发中,如果某个实例的创建需要消耗很多系统资源,那么我们通常会使用惰性加载机制(或懒加载.延时加载),也就是说只有当使用到这个实例的时候才会创 ...

  4. Ribbon与Eureka整合分析(四)、客户端配置延迟加载和启用饥饿加载

    客户端配置延迟加载和启用饥饿加载 该博文为Ribbon与Eureka整合分析系列文章中的第四篇,主要介绍客户端所需配置,默认情况下,如何在创建客户端时,才加载配置,以及如何在启动时,加载客户端配置(即 ...

  5. js 异步执行_js执行过程你了解多少?

    来公众号:「九零后重庆崽儿」找我,一起学前端. 本文首发在: js执行过程你了解多少? - 重庆崽儿brand的个人主页​www.brandhuang.com 文章自己整理自网络,如有问题欢迎在知乎或 ...

  6. js 异步执行_JS异步执行机制——事件循环(Event Loop)

    JS异步执行机制--事件循环(Event Loop) 本文首发地址: 前端基础 | JS异步执行机制--事件循环(Event Loop)​www.brandhuang.com 先祭出一段代码,你清楚它 ...

  7. js 延期执行_javaScript 中怎么延迟执行一个方法?

    展开全部 function test() { alert("test"); } setTimeout(test, 1000); 其中,setTimeout为延迟执行方法,是JS原生 ...

  8. JS实现图片延迟加载(图片懒加载)

    1.为什么需要做图片的懒加载        =>第一次加载页面的时候,如果请求真实图片资源,会减缓页面的渲染速度,为了提高首次打开的体验度,我们最开始不加载真实的图片资源(比如大小很小的背景图片 ...

  9. html 执行外部js的函数,javascript – Chrome扩展程序:加载并执行外部脚本

    我无法在我的chrome扩展程序中加载和执行外部js-script.看起来和 this question一样,但我仍然无法弄清楚为什么它在我的情况下不起作用. 我的想法是,我希望在我的内容脚本中有一些 ...

最新文章

  1. 数学很差的人能当程序员吗?
  2. 【并发编程】Future模式及JDK中的实现
  3. app怎么嵌套vue页面_PHP抖音点赞APP【开发】HTML5
  4. reactor官方文档译文(1)Reactor简介
  5. 为啥不装杀毒软件?全家桶太多...
  6. 10 分钟学会 5 个酷炫 Linux 命令
  7. 协同工作php,PHPOA:灵活、高效、协同,让企业高效运转
  8. 《计算机网络》第一章:基础知识Part I
  9. mysql for windows_mysql安装教程-windows版
  10. mysql容器 重启_互联网公司的基本操作!高可用的Mysql双机热备
  11. 阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第2节 TCP协议_2_TCP通信的概述(下)...
  12. 语言模拟蒲丰问题_播音主持专业艺考模拟主持八大禁忌!
  13. Spring整合MyBatis之MapperFactoryBean
  14. php用putty安装吗,为什么通过Putty的SSH命令与PHP的phpseclib不同?
  15. VS2010平台下VAssistX和Qt的整合配置及相关便捷操作
  16. android api解析之TextWatcher(editText输入监控之一)
  17. 咸鱼之王小游戏PC版鼠标模拟器实现
  18. 将html页面转成word(亲测可用)
  19. Html 设置整个页面的背景颜色
  20. app推广渠道数据统计Xintall

热门文章

  1. Linux 权限管理 day6
  2. 初学者必看,提供海星检测项目从零开始小目标检测sota算法(ppyoloe-sod)
  3. 常用的javaScript正则表达式
  4. 042原生的自引用方式实现多级数据渲染
  5. 机器学习中数据预处理方法
  6. 基于SpringBoot的私人健身与教练预约管理系统的设计与实现
  7. 给身份上把锁 阻截非法侵入
  8. 云测(Testin)平台
  9. 杭电oj1062题c语言答案,杭电大OJ题1062,为什么这样的代码会Time Limited exceed,是太复杂了吗?...
  10. SpringBoot中使用@PropertySource的问题