Ⅰ 如何在Javascript中将一个函数延迟一秒后执行
javascript提供了setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,因此延迟1秒后执行一个函数可以如下代码实现:
setTimeout("fun()",1000);//fun()是自定义函数
下面实例演示:打开页面后倒计时3秒,然后弹出对话框
1、HTML结构
<divid="test">3</div>
2、javascript代码
functionfun(n){
if(n>0){
n--;
document.getElementById("test").innerHTML=n;
setTimeout("fun("+n+")",1000)
}
else
alert("时间到!!");
}
window.onload=function(){
setTimeout("fun(3)",1000)
}
3、效果演示
Ⅱ javascript或jquery如何实现延迟加载js文件
1、把js的代码放在body里面,最好是放在页面最后的位置,而不是放在head里面。这样整个页面加载结束的时候才会加载到js。
2、你可以使用js函数动态的修改页面,加载js。下面附上两个函数,可以用来加载js或者css。
/*Title : 包含其它 js 文件。
* Description : 将其它 Js 文件引入本文件中,方便管理、维护。*/
function include_js(path) {
var sobj = document.createElement('script');
sobj.type = "text/javascript";
sobj.src = path;
var headobj = document.getElementsByTagName('head')[0];
headobj.appendChild(sobj);
}
/* Title : 包含其它 css 文件。
* Description : 将其它 css 文件引入本文件中,方便管理、维护。 */
function include_css(path) {
var fileref = document.createElement("link")
fileref.rel = "stylesheet";
fileref.type = "text/css";
fileref.href = path;
}
3、利用ajax加载js。
Ⅲ 如何用javascript设置延时执行
二、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的代码,只需要直接调用就可以了,很方便。也节省了代码的量。
Ⅳ javascript测试网站速度
你可以在网页的开头写上
<script>
var startDate=new Date();
function testSpeed()
{
var endDate = new Date();
alert('加载用时'+(startDate.getTime() - endDate .getTime())+'毫秒' );
}
</script>
然后把body标签改为
<body onload='testSpeed()'>
Ⅳ javascript里面如何实现延时几秒的操作
setTimeout(function(){
//这里的代码将在1000ms(1s后执行)
},1000)
Ⅵ javaScript判断网络状态
<script language="Javascript" >
//创建xmlHttp对象
var xmlHttp = null;
function createXMLRequest( ){
var msxmlhttp = new Array(
'Msxml2.XMLHTTP.6.0',
'Msxml2.XMLHTTP.3.0',
'Msxml2.XMLHTTP',
'Microsoft.XMLHTTP');
for(var i = 0; i < msxmlhttp .length; i++) {
try {
if(xmlHttp = new ActiveXObject(msxmlhttp[i] )) break;
} catch (e) {
xmlHttp = null;
}
}
if(!xmlHttp && typeof XMLHttpRequest != "undefined")
xmlHttp = new XMLHttpRequest();
}
function getHtml( ){
createXMLRequest( );
//状态调用函数
xmlHttp.onreadystatechange = function(){
if ( xmlHttp.readyState == 4 ){
if (xmlHttp.status == 200){
//状态成功执行
reflesh();
}else{
//你的其他操作
document.all.cma.src="a.html";
}
}
}
//发送请求
xmlHttp.open( "get","http://m.weather.com.cn/m/pn2/weather.htm" ,true);
xmlHttp.send( null );
}
function reflesh(){
//var city = System.Gadget.Settings.read("city");
var city = "2";
if (city > 100000000) {
document.all.cma.src="http://m.weather.com.cn/m/pn2/weather.htm?id="+city+"T";
} else {
document.all.cma.src="http://m.weather.com.cn/m/pn2/weather.htm";
}
}
onload = getHtml;
</script>
<iframe name="cma"></iframe>
放在空白的html页面中就能看到效果
Ⅶ 请问javascript里面如何实现延时几秒的操作
<html>
<head>
<script language="javascript">
j=10;
function func(){
document.getElementById("div1").innerText=j;
j++;
setTimeout("func()",1000);
}
</script>
</head>
<body onload="func();">
<div id="div1"></div>
</body>
可能是我理解能力有限,不知道这个答案满意吗?
能否解释一下for(i=1;i<10;i=10)这是什么意思?i=1,i=10
Ⅷ 如何实现网页中链接的延时显示
当一个网站有很多js代码要加载,js代码放置的位置在一定程度上将会影像网页的加载速度,为了让我们的网页加载速度更快,本文总结了一下几个注意点:
1、延迟加载js代码
<scripttype=”text/javascript”src=”"id=”my”></script>
<scripttype=”text/javascript”>
setTimeout(“document.getElementById(‘my').src='include/php100.php';“,3000);//延时3秒
</script>
这样通过延迟加载js代码,给网页加载留出更多的时间!
2、js最后加载方案一
在需要插入JS的地方插入以下代码:
程序代码
<span id=”L4EVER”>LOADING…</span>
当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢.
然后在页面最底端插入:
程序代码
代码如下:
<span id=”AD_L4EVER”>你的JS代码在这里!</span >
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML=”";</script>
3、让JS最后加载方案二
这个牵涉到网页的加载顺序问题,例如引入外部js脚本文件时,如果放入html的head中,则页面加载前该js脚本就会被加载入页面,而放入body中,则会按照页面从上倒下的加载顺序来运行javascript的代码~~~ 所以我们可以把js外部引入的文件放到页面底部,来让js最后引入,从而加快页面加载速度。
Ⅸ javaScript 中怎么延迟执行一个方法
setTimeout("test()","2000"); //2000毫秒后执行test()函数,只执行一次。setInterval("test()","2000"); //每隔2000毫秒执行一次test()函数,执行无数次。
(9)javascript如何实现网络延迟检测扩展阅读:
1、setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
2、语法:setTimeout(function, milliseconds, param1, param2, ...)。
3、提示:1000 毫秒= 1 秒。
4、提示:如果你只想重复执行可以使用setInterval()方法。
5、提示:使用clearTimeout()方法来阻止函数的执行。
6、所需参数1:code/function,必需。要调用一个代码串,也可以是一个函数。
7、所需参数2:milliseconds可选。执行或调用 code/function 需要等待的时间,以毫秒计。默认为 0。
8、所需参数3:param1, param2, ...,可选。 传给执行函数的其他参数(IE9 及其更早版本不支持该参数)。
9、返回值:返回一个 ID(数字),可以将这个ID传递给 clearTimeout() 来取消执行。
10、实例:var myWindow=window.open("","","width=200,height=100");myWindow.document.write("<p>这是一个新窗口'</p>");setTimeout(function(){ myWindow.close() }, 3000);
Ⅹ JavaScript,网页打开后延迟5秒显示一个div怎么写
完整的示例代码
主要是JS的延时定时器语法的书写,通过延时改变元素的display属性即可实现。