脚本宝典收集整理的这篇文章主要介绍了js实例教程-jQuery setTimeout()函数使用方法,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
setTimeout()
从载入后延迟指定的时间去执行一个表达式或者是函数;
仅执行一次 ;和window.clearTimeout一起使用.
我在
. 代码如下:
$(document).ready(function(){
setTimout(test(),200);
function test()
{
alert(1);
}
});
. 代码如下:
setInterval ("showTime()", 5000);
function showTime()
{
VAR today = new Date();
alert("The time is: " + today.toString ());
}
. 代码如下:
<p id="p_debug"></p>
<script language="JavaScript">
//显示
function LOG(s){
$('#p_debug').apPEnd(s+'<br>');
}
//以下是 setTimeout 在 jQuery 中的用法
function funA(){
log('funA...');
setTimeout('funA()', 1000);
}
jquery(document).ready(function($){
//用法1 : 把要调用的函数写在ready外面,使它成为全局函数
funA();
//用法2 : 直接写函数名,不能带括号也不能带引号,适合没有参数的函数
function funB(){
log('funB...');
setTimeout(funB, 1000);
}
funB();
//用法3 : 通过调用匿名函数来执行,适合有带参数的函数
function funC(v){
log('funC...'+v);
setTimeout(function(){funC(v+1)}, 1000);
}
funC(1);
//用法4 : 通过在jQuery命名空间上增加函数,调用起来更方便
$.extend({
funD:function(v){
log('funD...'+v);
setTimeout("$.funD("+(v+1)+")",1000);
}
});
$.funD(101);
});
</script>
. 代码如下:
<p id="p_debug"></p>
<script src="https://www.studyday.net/demo/jquery.js"></script>
<script language="JavaScript">
functionlog(s){
$('#p_debug').append(s+'<br>');
}
//下文中测试用的代码可以放在这一行注释的下面,替换掉 //...
//...
</script>
. 代码如下:
//原生态 javascript 中的 setTimeout 基本用法
functionfunA(){
log('funA...');
setTimeout('funA()', 1000);
}
funA();
. 代码如下:
//jQuery 中的用法
functionfunA(){
log('funA...');
setTimeout('funA()', 1000);
}
jQuery(document).ready(function($){
//用法1 : 把要调用的函数写在ready外面,使它成为全局函数
funA();
//用法2 : 直接写函数名,不能带括号也不能带引号,适合没有参数的函数
functionfunB(){
log('funB...');
setTimeout(funB, 1000);
}
funB();
//用法3 : 通过调用匿名函数来执行,适合有带参数的函数
functionfunC(v){
log('funC...'+v);
setTimeout(function(){funC(v+1)}, 1000);
}
funC(1);
//用法4 : 通过在jQuery命名空间上增加函数,适用面更广
$.extend({
funD:function(v){
log('funD...'+v);
setTimeout("$.funD("+(v+1)+")",1000);
}
});
$.funD(100);
});
. 代码如下:
jQuery(document).ready(function($){
//用法3 : 通过调用匿名函数来执行,适合有带参数的函数
functionfunC(v){
log('funC...'+v);
setTimeout(function(){funC(v+1)}, 1000);
}
//用法4 : 通过在jQuery命名空间上增加函数,调用起来更方便
$.extend({
funD:function(v){
log('funD...'+v);
setTimeout("$.funD("+(v+1)+")",1000);
}
});
});
jQuery(document).ready(function($){
//funC(1); //去掉注释后执行这一句时会报错
$.funD(100); //这一句是正常的, 明白两者之间的区别了吧
});
setTimeout()
从载入后延迟指定的时间去执行一个表达式或者是函数;
仅执行一次 ;和window.clearTimeout一起使用.
我在
. 代码如下:
$(document).ready(function(){
setTimout(test(),200);
function test()
{
alert(1);
}
});
. 代码如下:
setInterval ("showTime()", 5000);
function showTime()
{
var today = new Date();
alert("The time is: " + today.toString ());
}
. 代码如下:
<p id="p_debug"></p>
<script language="JavaScript">
//显示
function log(s){
$('#p_debug').append(s+'<br>');
}
//以下是 setTimeout 在 jQuery 中的用法
function funA(){
log('funA...');
setTimeout('funA()', 1000);
}
jQuery(document).ready(function($){
//用法1 : 把要调用的函数写在ready外面,使它成为全局函数
funA();
//用法2 : 直接写函数名,不能带括号也不能带引号,适合没有参数的函数
function funB(){
log('funB...');
setTimeout(funB, 1000);
}
funB();
//用法3 : 通过调用匿名函数来执行,适合有带参数的函数
function funC(v){
log('funC...'+v);
setTimeout(function(){funC(v+1)}, 1000);
}
funC(1);
//用法4 : 通过在jQuery命名空间上增加函数,调用起来更方便
$.extend({
funD:function(v){
log('funD...'+v);
setTimeout("$.funD("+(v+1)+")",1000);
}
});
$.funD(101);
});
</script>
. 代码如下:
<p id="p_debug"></p>
<script src="https://www.studyday.net/demo/jquery.js"></script>
<script language="JavaScript">
functionlog(s){
$('#p_debug').append(s+'<br>');
}
//下文中测试用的代码可以放在这一行注释的下面,替换掉 //...
//...
</script>
. 代码如下:
//原生态 javascript 中的 setTimeout 基本用法
functionfunA(){
log('funA...');
setTimeout('funA()', 1000);
}
funA();
. 代码如下:
//jQuery 中的用法
functionfunA(){
log('funA...');
setTimeout('funA()', 1000);
}
jQuery(document).ready(function($){
//用法1 : 把要调用的函数写在ready外面,使它成为全局函数
funA();
//用法2 : 直接写函数名,不能带括号也不能带引号,适合没有参数的函数
functionfunB(){
log('funB...');
setTimeout(funB, 1000);
}
funB();
//用法3 : 通过调用匿名函数来执行,适合有带参数的函数
functionfunC(v){
log('funC...'+v);
setTimeout(function(){funC(v+1)}, 1000);
}
funC(1);
//用法4 : 通过在jQuery命名空间上增加函数,适用面更广
$.extend({
funD:function(v){
log('funD...'+v);
setTimeout("$.funD("+(v+1)+")",1000);
}
});
$.funD(100);
});
. 代码如下:
jQuery(document).ready(function($){
//用法3 : 通过调用匿名函数来执行,适合有带参数的函数
functionfunC(v){
log('funC...'+v);
setTimeout(function(){funC(v+1)}, 1000);
}
//用法4 : 通过在jQuery命名空间上增加函数,调用起来更方便
$.extend({
funD:function(v){
log('funD...'+v);
setTimeout("$.funD("+(v+1)+")",1000);
}
});
});
jQuery(document).ready(function($){
//funC(1); //去掉注释后执行这一句时会报错
$.funD(100); //这一句是正常的, 明白两者之间的区别了吧
});
觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的js实例教程-jQuery setTimeout()函数使用方法全部内容,希望文章能够帮你解决js实例教程-jQuery setTimeout()函数使用方法所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。