首页 / JAVASCRIPT / JS页面延迟执行一些方法(整理)_javascript技巧

JS页面延迟执行一些方法(整理)_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JS页面延迟执行一些方法(整理)_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1827字，纯文字阅读大概需要3分钟。

内容图文

一般在JS页面延迟执行一些方法。可以使用以下的方法
jQuery.delay()方法简介
http://shawphy.com/2010/11/jquery-delay.html
jQuery中queue和dequeue的用法
http://www.gxlcms.com/article/25481.htm
Window.setTimeout
http://www.gxlcms.com/article/20741.htm
以下是我用到的一些例子。
代码如下:

//延迟查询，传一个查询btn的ID，然后根据它附近的FORM绑定，当FORM里面的控件被触发或被输入了就会500毫秒后模拟点击查询按钮
var timeout;
function searchTrigerInit(btnId){
var $form = $("#"+btnId).closest("form");
$form.find("input").not(".search_onblur").keyup(function(){
searchTriger(btnId);
});
$form.find("input.search_onblur").blur(function(){
searchTriger(btnId);
});
$form.find("input[type=checkbox]").change(function(){
searchTriger(btnId);
});
$form.find("select").change(function(){
searchTriger(btnId);
});
}
function searchTriger(btnId){
if(timeout != null){
clearTimeout(timeout);
}
timeout = setTimeout("searchBtnClick('"+btnId+"')",500);
}
function searchBtnClick(btnId){
$("#"+btnId).click();
}

定义遮罩层，相隔一分钟后关闭
代码如下:

var hideTimeout;
function showLayerMask(){
$layerMask = $(".layerMask");
if($layerMask.length == 0){
var div = "";
var width = document.body.clientWidth;
var Height = document.body.scrollHeight;
var img = "JS页面延迟执行一些方法(整理)_javascript技巧 - 文章图片";
div += "
";
div += img;
div += "
";
var $body = $("body");
$body.prepend(div);
}
$layerMask.show();
//1分钟后取消
hideTimeout = setTimeout(hideLayerMask,60000);
}
function hideLayerMask(){
if(hideTimeout != null){
clearTimeout(hideTimeout);
}
$layerMask = $(".layerMask");
$layerMask.hide();
}

倒计时
代码如下:

var emailTime = 30;
function nextCanDo(){
$("#mailValidateCodeBtn").val(emailTime+"秒");
emailTime -= 1;
if(emailTime ==0 ){
$("#mailValidateCodeBtn").val("重新获取验证码");
$("#mailValidateCodeBtn").attr("disabled",false);
emailTime = 30;
}else{
setTimeout("nextCanDo()",1000);
}
}

内容总结

以上是互联网集市为您收集整理的JS页面延迟执行一些方法(整理)_javascript技巧全部内容，希望文章能够帮你解决JS页面延迟执行一些方法(整理)_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/318373.html

来源：【匿名】