ホームページ >ウェブフロントエンド >jsチュートリアル >JSページの実行を遅らせる方法(整理編)_JavaScriptスキル

JSページの実行を遅らせる方法(整理編)_JavaScriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:16:071399ブラウズ

一般に、JS ページでは一部のメソッドが遅延します。次のメソッドを使用できます
JQuery.lay() メソッドの概要
http://shawphy.com/2010/11/jquery-delay.html
jQuery でのキューとデキューの使用法
http://www.jb51.net/article/25481.htm
Window.setTimeout
http://www.jb51.net/article/20741.htm
ここでは私が使用する例をいくつか示します。

コードをコピー コードは次のとおりです:

//遅延クエリ、ID を渡します。 query btn、その後、近くの 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);
}
関数 searchTriger(btnId){
if(timeout != null){
clearTimeout(timeout); >}
timeout = setTimeout("searchBtnClick('" btnId "')",500);
}
関数 searchBtnClick(btnId){
$("#" btnId).click() ;
}


マスク レイヤーを定義し、1 分後に閉じます


コードをコピーします コードは次のとおりです: var HideTimeout;
function showLayerMask(){
$layerMask = $(".layerMask");
if($layerMask.length) == 0){
var div = "";
var width = document.body.scrollHeight;
var img = "";
div = "
";
div = img;
div = "
";
var $body = $("body");
$body.prepend(div);
}
$layerMask.show();
//1 分後にキャンセル
hideTimeout(hideLayerMask,60000);
function HideLayerMask(){
if( != null){
clearTimeout(hideTimeout);
$layerMask = $(".layerMask")
}

カウントダウン




コードをコピー

コードは次のとおりです:
var emailTime = 30 ; 関数 nextCanDo(){ $("#mailValidateCodeBtn").val(emailTime "秒"); emailTime -= 1; $("#mailValidateCodeBtn").val( "確認コードを取得"); $("#mailValidateCodeBtn").attr("無効",false);
emailTime = 30>}else{
setTimeout("nextCanDo() ",1000)
}
}

;
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。