idle.idleزمانr و active.idleزمانr,
وقتی وضعیت کاربر تغییر کرد اجرا می شود
وقتی موس خود را روی صفحه منتقل می کنید یا شروع به تایپ می کنید ، در نظر گرفته می شوید active.
در این صفحه دو تایمر بیکار داریم. یکی برای کل سند. یکی دیگر از قسمت متن در سمت راست (یا پایین تلفن همراه).
<div class="btn-group mb-10">
<a href="javascript:;" id="btمکث" class="btn btn-outline-secondary">مکث</a>
<a href="javascript:;" id="btادامه" class="btn btn-outline-secondary">ادامه</a>
<a href="javascript:;" id="btسپری شده" class="btn btn-outline-secondary">سپری شده</a>
<a href="javascript:;" id="btشروع" class="btn btn-outline-secondary">شروع</a>
<a href="javascript:;" id="btاز بین بردن" class="btn btn-outline-secondary">از بین بردن</a>
</div>
<textarea rows="10" cols="30" id="docوضعیت" class="form-control"></textarea><br />
var KTIdleزمانrنسخه ی نمایشی = function() {
var _init = function() {
//Define default
var docزمانout = 5000;
/*
Handle raised idle/active events
*/
دلار(document).on("idle.idleزمانr", function(event, elem, obj) {
دلار("#docوضعیت")
.val(function(i, v) {
return v + "Idle @ " + moment().format() + " \n";
})
.removeکلاس("alert-success")
.addکلاس("alert-warning")
.scrollTop(دلار("#docوضعیت")[0].scrollارتفاع);
});
دلار(document).on("active.idleزمانr", function(event, elem, obj, e) {
دلار("#docوضعیت")
.val(function(i, v) {
return v + "فعال [" + e.type + "] [" + e.target.nodeنام + "] @ " + moment().format() + " \n";
})
.addکلاس("alert-success")
.removeکلاس("alert-warning")
.scrollTop(دلار("#docوضعیت")[0].scrollارتفاع);
});
/*
Handle button events
*/
دلار("#btمکث").click(function() {
دلار(document).idleزمانr("pause");
دلار("#docوضعیت")
.val(function(i, v) {
return v + "مکثd @ " + moment().format() + " \n";
})
.scrollTop(دلار("#docوضعیت")[0].scrollارتفاع);
دلار(this).blur();
return false;
});
دلار("#btادامه").click(function() {
دلار(document).idleزمانr("resume");
دلار("#docوضعیت")
.val(function(i, v) {
return v + "ادامهd @ " + moment().format() + " \n";
})
.scrollTop(دلار("#docوضعیت")[0].scrollارتفاع);
دلار(this).blur();
return false;
});
دلار("#btسپری شده").click(function() {
دلار("#docوضعیت")
.val(function(i, v) {
return v + "سپری شده (since becoming active): " + دلار(document).idleزمانr("getسپری شدهزمان") + " \n";
})
.scrollTop(دلار("#docوضعیت")[0].scrollارتفاع);
دلار(this).blur();
return false;
});
دلار("#btاز بین بردن").click(function() {
دلار(document).idleزمانr("destroy");
دلار("#docوضعیت")
.val(function(i, v) {
return v + "از بین بردنed: @ " + moment().format() + " \n";
})
.removeکلاس("alert-success")
.removeکلاس("alert-warning")
.scrollTop(دلار("#docوضعیت")[0].scrollارتفاع);
دلار(this).blur();
return false;
});
دلار("#btشروع").click(function() {
// for demo purposes show init with just object
دلار(document).idleزمانr({
timeout: docزمانout
});
دلار("#docوضعیت")
.val(function(i, v) {
return v + "شروع: @ " + moment().format() + " \n";
})
.scrollTop(دلار("#docوضعیت")[0].scrollارتفاع);
//Apply classes for default state
if (دلار(document).idleزمانr("isIdle")) {
دلار("#docوضعیت")
.removeکلاس("alert-success")
.addکلاس("alert-warning");
} else {
دلار("#docوضعیت")
.addکلاس("alert-success")
.removeکلاس("alert-warning");
}
دلار(this).blur();
return false;
});
//Clear old statuses
دلار("#docوضعیت").val("");
//شروع timeout, passing no options
//Same as دلار.idleزمانr(docزمانout, docگزینه ها);
دلار(document).idleزمانr(docزمانout);
//For demo purposes, style based on initial state
if (دلار(document).idleزمانr("isIdle")) {
دلار("#docوضعیت")
.val(function(i, v) {
return v + "شروعial Idle وضعیت @ " + moment().format() + " \n";
})
.removeکلاس("alert-success")
.addکلاس("alert-warning")
.scrollTop(دلار("#docوضعیت")[0].scrollارتفاع);
} else {
دلار("#docوضعیت")
.val(function(i, v) {
return v + "شروعial فعال وضعیت @ " + moment().format() + " \n";
})
.addکلاس("alert-success")
.removeکلاس("alert-warning")
.scrollTop(دلار("#docوضعیت")[0].scrollارتفاع);
}
//For demo purposes, display the actual timeout on the page
دلار("#docزمانout").text(docزمانout / 1000);
}
return {
//main function to initiate the module
init: function() {
_init();
}
};
}();
jQuery(document).ready(function() {
KTIdleزمانrنسخه ی نمایشی.init();
});
<div class="btn-group mb-10">
<a href="javascript:;" id="btریست" class="btn btn-outline-secondary">ریست</a>
<a href="javascript:;" id="btLastفعال" class="btn btn-outline-secondary">اخرین فعالیت</a>
<a href="javascript:;" id="btمانده" class="btn btn-outline-secondary">مانده</a>
<a href="javascript:;" id="btوضعیت" class="btn btn-outline-secondary">وضعیت</a>
</div>
<textarea rows="10" cols="30" id="elوضعیت" class="form-control"></textarea><br />
var KTIdleزمانrنسخه ی نمایشی = function() {
var _init = function() {
//Define textarea settings
var
taزمانout = 3000;
/*
Handle raised idle/active events
*/
دلار("#elوضعیت").on("idle.idleزمانr", function(event, elem, obj) {
//If you dont stop propagation it will bubble up to document event handler
event.stopPropagation();
دلار("#elوضعیت")
.val(function(i, v) {
return v + "Idle @ " + moment().format() + " \n";
})
.removeکلاس("alert-success")
.addکلاس("alert-warning")
.scrollTop(دلار("#elوضعیت")[0].scrollارتفاع);
});
دلار("#elوضعیت").on("active.idleزمانr", function(event) {
//If you dont stop propagation it will bubble up to document event handler
event.stopPropagation();
دلار("#elوضعیت")
.val(function(i, v) {
return v + "فعال @ " + moment().format() + " \n";
})
.addکلاس("alert-success")
.removeکلاس("alert-warning")
.scrollTop(دلار("#elوضعیت")[0].scrollارتفاع);
});
/*
Handle button events
*/
دلار("#btریست").click(function() {
دلار("#elوضعیت")
.idleزمانr("reset")
.val(function(i, v) {
return v + "ریست @ " + moment().format() + " \n";
})
.scrollTop(دلار("#elوضعیت")[0].scrollارتفاع);
//Apply classes for default state
if (دلار("#elوضعیت").idleزمانr("isIdle")) {
دلار("#elوضعیت")
.removeکلاس("alert-success")
.addکلاس("alert-warning");
} else {
دلار("#elوضعیت")
.addکلاس("alert-success")
.removeکلاس("alert-warning");
}
دلار(this).blur();
return false;
});
دلار("#btمانده").click(function() {
دلار("#elوضعیت")
.val(function(i, v) {
return v + "مانده: " + دلار("#elوضعیت").idleزمانr("getماندهزمان") + " \n";
})
.scrollTop(دلار("#elوضعیت")[0].scrollارتفاع);
دلار(this).blur();
return false;
});
دلار("#btLastفعال").click(function() {
دلار("#elوضعیت")
.val(function(i, v) {
return v + "Lastفعال: " + دلار("#elوضعیت").idleزمانr("getLastفعالزمان") + " \n";
})
.scrollTop(دلار("#elوضعیت")[0].scrollارتفاع);
دلار(this).blur();
return false;
});
دلار("#btوضعیت").click(function() {
دلار("#elوضعیت")
.val(function(i, v) {
return v + "وضعیت: " + (دلار("#elوضعیت").idleزمانr("isIdle") ? "idle" : "active") + " \n";
})
.scrollTop(دلار("#elوضعیت")[0].scrollارتفاع);
دلار(this).blur();
return false;
});
//Clear value if there was one cached & start time
دلار("#elوضعیت").val("").idleزمانr(taزمانout);
//For demo purposes, show initial state
if (دلار("#elوضعیت").idleزمانr("isIdle")) {
دلار("#elوضعیت")
.val(function(i, v) {
return v + "شروعial Idle @ " + moment().format() + " \n";
})
.removeکلاس("alert-success")
.addکلاس("alert-warning")
.scrollTop(دلار("#elوضعیت")[0].scrollارتفاع);
} else {
دلار("#elوضعیت")
.val(function(i, v) {
return v + "شروعial فعال @ " + moment().format() + " \n";
})
.addکلاس("alert-success")
.removeکلاس("alert-warning")
.scrollTop(دلار("#elوضعیت")[0].scrollارتفاع);
}
// Display the actual timeout on the page
دلار("#elزمانout").text(taزمانout / 1000);
}
return {
//main function to initiate the module
init: function() {
_init();
}
};
}();
jQuery(document).ready(function() {
KTIdleزمانrنسخه ی نمایشی.init();
});
