延迟Javascript

延迟Javascript,javascript,delay,Javascript,Delay,我有一段代码,它是一段将数字计算到某个目标的代码,我需要将脚本延迟大约10秒,然后它才能开始计算。我对这一切都很陌生,到目前为止,我已经尝试过实现延迟函数,但我没有;I don’我认为我没有正确地使用它,如有任何帮助,将不胜感激,代码如下- (函数($){ $.fn.countTo=函数(选项){ 选项=选项| |{}; 返回$(this).each(函数(){ //设置当前元素的选项 变量设置=$.extend({},$.fn.countTo.defaults{ from:$(this).

我有一段代码,它是一段将数字计算到某个目标的代码,我需要将脚本延迟大约10秒,然后它才能开始计算。我对这一切都很陌生,到目前为止,我已经尝试过实现延迟函数,但我没有;I don’我认为我没有正确地使用它,如有任何帮助,将不胜感激,代码如下-


(函数($){
$.fn.countTo=函数(选项){
选项=选项| |{};
返回$(this).each(函数(){
//设置当前元素的选项
变量设置=$.extend({},$.fn.countTo.defaults{
from:$(this).data('from'),
收件人:$(this).data('to'),
速度:$(此).data('speed'),
refreshInterval:$(this).data('refresh-interval'),
小数:$(this.data('decimals'))
},选项);
//更新值的次数,以及每次更新时值的增量
var循环=Math.ceil(settings.speed/settings.refreshInterval),
增量=(settings.to-settings.from)/循环;
//每次更新都会更改的引用和变量
var self=这个,
$self=$(这个),
loopCount=0,
value=settings.from,
data=$self.data('countTo')|{};
$self.data('countTo',data);
//如果可以找到现有的间隔,请先清除它
if(数据间隔){
clearInterval(data.interval);
}
data.interval=setInterval(updateTimer,settings.refreshInterval);
//用起始值初始化元素
提供(价值);
函数updateTimer(){
值+=增量;
loopCount++;
提供(价值);
if(typeof(settings.onUpdate)=‘function’){
settings.onUpdate.call(self,value);
}
如果(循环计数>=循环){
//删除间隔
$self.removeData('countTo');
clearInterval(data.interval);
值=设置。到;
if(typeof(settings.onComplete)=‘function’){
settings.onComplete.call(self,value);
}
}
}
函数渲染(值){
var formattedValue=settings.formatter.call(self、value、settings);
$self.html(formattedValue);
}
});
};
$.fn.countTo.defaults={
from:0,//元素的起始编号
to:0,//元素应该结束的数字
速度:100,//在目标数字之间计数需要多长时间
refreshInterval:100,//应更新元素的频率
小数:0,//要显示的小数位数
formatter:formatter,//用于在呈现之前格式化值的处理程序
onUpdate:null,//每次更新元素时的回调方法
onComplete:null//当元素完成更新时的回调方法
};
函数格式化程序(值、设置){
返回值.toFixed(设置.小数);
}
}(jQuery));
jQuery(函数($){
//自定义格式示例
$('#count number')。数据('countToOptions'{
格式化程序:函数(值、选项){
返回值.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g',,');
}
});
//启动所有计时器
$('.timer')。每个(计数);
函数计数(选项){
var$this=$(this);
options=$.extend({},options |{},$this.data('countToOptions')|{});
$this.countTo(选项);
}
});
">
">
">
英镑“>
迄今为止孵化的初创企业

每年举行的活动

数字和科技企业家社区

迄今为止筹集的启动资金


您可以使用
setTimeout
执行此操作

setTimeout(function(){ alert("Hello"); }, 3000);
在第一个参数中传递可以属于您的函数,在第二个参数中传递以毫秒为单位的值以执行该函数

编辑

语法:
setTimeout(函数、毫秒、参数1、参数2等)


参考资料:

您可以使用
setTimeout
执行此操作

setTimeout(function(){ alert("Hello"); }, 3000);
在第一个参数中传递可以属于您的函数,在第二个参数中传递以毫秒为单位的值以执行该函数

编辑

语法:
setTimeout(函数、毫秒、参数1、参数2等)


参考:

查看现有计时器函数查看
setTimeout(函数(){$('.timer')。每个(计数);},10000)感谢您的回复,我对编辑javascript非常陌生,您建议我将此代码放在哪里?查看现有计时器函数的可能重复查看
setTimeout(function(){$('.timer')。each(count);},10000)谢谢回复,我对编辑javascript很陌生,你建议我把这段代码放在哪里?可能是重复的谢谢!我会试一试的,我对实际编辑javascript非常陌生。你是说我在第一个参数中传递setTimeout函数,然后在第二个参数中执行它吗?我不明白你的意思,但我想你会更好地理解这一点,我想,如果我理解你的代码,你可以像这样使用setTimeout($.fn.countTo,10000,options)第一个参数是函数,第二个是延迟时间(毫秒),最后一个是paramsOk,这很有意义。我读过这篇文章,它让我很惊讶