一般有以下几种方式：
网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、重庆小程序开发公司、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了津南免费建站欢迎大家使用！
defer 属性
HTML 4.01 为 script标签定义了 defer属性。
用途：表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕之后再执行。
在script 元素中设置 defer 属性，等于告诉浏览器立即下载，但延迟执行。
!DOCTYPE htmlhtmlheadscript src="test1.js" defer="defer"/scriptscript src="test2.js" defer="defer"/script/headbody !-- 这里放内容 -- /body/html
说明：虽然script 元素放在了head元素中，但包含的脚本将延迟浏览器遇到/html标签后再执行。
HTML5规范要求脚本按照它们出现的先后顺序执行。在现实当中，延迟脚本并不一定会按照顺序执行。
defer属性只适用于外部脚本文件。支持 HTML5 的实现会忽略嵌入脚本设置的 defer属性。
2. async 属性
HTML5 为 script标签定义了 async属性。与defer属性类似，都用于改变处理脚本的行为。同样，只适用于外部脚本文件。
目的：不让页面等待脚本下载和执行，从而异步加载页面其他内容。
异步脚本一定会在页面 load 事件前执行。
不能保证脚本会按顺序执行。
!DOCTYPE htmlhtmlhead script src="test1.js" async/scriptscript src="test2.js" async/script /headbody !-- 这里放内容 -- /body/html
4.使用jQuery的getScript()方法
$.getScript("outer.js",function(){//回调函数，成功获取文件后执行的函数
console.log("脚本加载完成")
});
5.使用setTimeout延迟方法
6.让JS最后加载
把js外部引入的文件放到页面底部，来让js最后引入，从而加快页面加载速度
by三人行慕课
javascript提供了setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式，因此延迟1秒后执行一个函数可以如下代码实现：
setTimeout("fun()",1000); // fun()是自定义函数
下面实例演示：打开页面后倒计时3秒，然后弹出对话框
1、HTML结构
div id="test"3/div
2、javascript代码
function fun(n){
if(n0){
n--;
document.getElementById("test").innerHTML = n;
setTimeout("fun("+n+")",1000)
}
else
alert("时间到！！");
}
window.onload = function(){
setTimeout("fun(3)",1000)
}
3、效果演示
二、JavaScript 的计时事件的函数
setTimeout() - 在指定时间后执行代码
clearTimeout() - 取消 setTimeout()注意:setTimeout() 和 clearTimeout() 都是HTML DOM 的 Window 对象的函数。
三、setTimeout详解
var t=setTimeout("javascript 语句",时间参数)
注：时间参数单位为毫秒
示例：var t=setTimeout("alert('3 seconds!')",3000)
如果js语句带变量，则必须用+号将变量连接起来，如：
var t=setTimeout（"document.getElementById("+menuid+").style.display='none'",3000)
四、clearTimeout详解
语法：clearTimeout(setTimeout的变量名)
示例：clearTimeout(t) //其中t为前面设置的setTimeout的变量
使用clearTimeout可以随时停止计时。
五、应用技巧
建议将setTimeout单独设置为一个函数。如：
function delayRun(code,time) {
var t=setTimeout(code,time);}这样，在需要让某段代码延时执行的时候，只需在这段代码前加入这个函数就可以了。如：
onmouseover=delayRun("setTab(0,0)",500)
其中setTab是一个自定义的函数。如果以后不想让setTab延时执行，则去掉语句中的delayRun相关的代码即可，改为：onmouseover=setTab(0,0) 就可以了。
这种写法避免每一个需要延时的地方都写一段setTimeout的代码，只需要直接调用就可以了，很方便。也节省了代码的量。
我们先来看一个例子
在JS方法里面设置一个for循环，输出每次循环的值，如下图
我们可以根据闭包的知识来更改一下for循环中的逻辑，利用闭包将i的值传递给a
这次在运行程序我们就可以看到输出内容是0开始输出了
结果如下图
JS中如果for循环中有异步方法，就需要用闭包的方式保留当前循环变量值
js延时5秒用find写法setTimeout(function(){ getSignature() },5000);
在前端开发过程中,如果使用传统的纯js,有时会有延时执行一个方法的需求.
使用js实现几秒以后倒计时跳转，这个在某些特殊情况下还是比较实用的。
J s延迟加载的方式有哪些？
给javascript标签添加 defer和async属性。
defer和async的区别是什么？
1、defer和async都是使script异步加载的意思，当都没有设置这个属性的时候，html的加载会被阻塞等着script加载完成和执行完成后再渲染页面。
2、当设置了async时，异步加载，一旦加载完成则阻塞html渲染，进行执行，而且如果有多个script标签则谁先加载完，谁先执行。
3、当设置了defer时，异步加载，不会阻塞html，待html渲染完毕后再进行script执行。
注意：ie只支持defer