js 延期执行_JS延迟加载(setTimeout) JS最后加载
为了让一个广告几秒以后再执行所以做个延迟加载的东东,用了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最后加载相关推荐
- js 延期执行_js延迟执行函数
在js中,延迟执行函数有两种:setTimeout和setInterval setTimeout("test()","2000"); //2000毫秒后执行te ...
- html5.js百度网盘,HTML5 Canvas+js仿百度网盘扫描文件过程加载动画
HTML5 Canvas+js仿百度网盘扫描文件过程加载动画 这是一款简单的HTML5 Canvas+js仿百度网盘扫描文件过程加载动画效果,网盘文件扫描百分比加载动画特效. var w=docume ...
- Java 单例模式:懒加载(延迟加载)和即时加载
Java 单例模式:懒加载(延迟加载)和即时加载 引言 在开发中,如果某个实例的创建需要消耗很多系统资源,那么我们通常会使用惰性加载机制(或懒加载.延时加载),也就是说只有当使用到这个实例的时候才会创 ...
- Ribbon与Eureka整合分析(四)、客户端配置延迟加载和启用饥饿加载
客户端配置延迟加载和启用饥饿加载 该博文为Ribbon与Eureka整合分析系列文章中的第四篇,主要介绍客户端所需配置,默认情况下,如何在创建客户端时,才加载配置,以及如何在启动时,加载客户端配置(即 ...
- js 异步执行_js执行过程你了解多少?
来公众号:「九零后重庆崽儿」找我,一起学前端. 本文首发在: js执行过程你了解多少? - 重庆崽儿brand的个人主页www.brandhuang.com 文章自己整理自网络,如有问题欢迎在知乎或 ...
- js 异步执行_JS异步执行机制——事件循环(Event Loop)
JS异步执行机制--事件循环(Event Loop) 本文首发地址: 前端基础 | JS异步执行机制--事件循环(Event Loop)www.brandhuang.com 先祭出一段代码,你清楚它 ...
- js 延期执行_javaScript 中怎么延迟执行一个方法?
展开全部 function test() { alert("test"); } setTimeout(test, 1000); 其中,setTimeout为延迟执行方法,是JS原生 ...
- JS实现图片延迟加载(图片懒加载)
1.为什么需要做图片的懒加载 =>第一次加载页面的时候,如果请求真实图片资源,会减缓页面的渲染速度,为了提高首次打开的体验度,我们最开始不加载真实的图片资源(比如大小很小的背景图片 ...
- html 执行外部js的函数,javascript – Chrome扩展程序:加载并执行外部脚本
我无法在我的chrome扩展程序中加载和执行外部js-script.看起来和 this question一样,但我仍然无法弄清楚为什么它在我的情况下不起作用. 我的想法是,我希望在我的内容脚本中有一些 ...
最新文章
- 数学很差的人能当程序员吗?
- 【并发编程】Future模式及JDK中的实现
- app怎么嵌套vue页面_PHP抖音点赞APP【开发】HTML5
- reactor官方文档译文(1)Reactor简介
- 为啥不装杀毒软件?全家桶太多...
- 10 分钟学会 5 个酷炫 Linux 命令
- 协同工作php,PHPOA:灵活、高效、协同,让企业高效运转
- 《计算机网络》第一章:基础知识Part I
- mysql for windows_mysql安装教程-windows版
- mysql容器 重启_互联网公司的基本操作!高可用的Mysql双机热备
- 阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第2节 TCP协议_2_TCP通信的概述(下)...
- 语言模拟蒲丰问题_播音主持专业艺考模拟主持八大禁忌!
- Spring整合MyBatis之MapperFactoryBean
- php用putty安装吗,为什么通过Putty的SSH命令与PHP的phpseclib不同?
- VS2010平台下VAssistX和Qt的整合配置及相关便捷操作
- android api解析之TextWatcher(editText输入监控之一)
- 咸鱼之王小游戏PC版鼠标模拟器实现
- 将html页面转成word(亲测可用)
- Html 设置整个页面的背景颜色
- app推广渠道数据统计Xintall
热门文章
- Linux 权限管理 day6
- 初学者必看,提供海星检测项目从零开始小目标检测sota算法(ppyoloe-sod)
- 常用的javaScript正则表达式
- 042原生的自引用方式实现多级数据渲染
- 机器学习中数据预处理方法
- 基于SpringBoot的私人健身与教练预约管理系统的设计与实现
- 给身份上把锁 阻截非法侵入
- 云测(Testin)平台
- 杭电oj1062题c语言答案,杭电大OJ题1062,为什么这样的代码会Time Limited exceed,是太复杂了吗?...
- SpringBoot中使用@PropertySource的问题