PDA

View Full Version : راهنمایی در مورد حرکت div با بی حرکت شدن موس



shadii
جمعه 01 شهریور 1392, 11:03 صبح
سلام استادای عزیز
من یه سناریو دارم نمی دونم چه جوری بنویسمش
می خوام وقتی موس 3 دقیقه بی حرکت شد یه div رو حرکت بدم و وقتی موس رفت روش از حرکت بایسته کسی می تونه کمکم کنه؟
آخه خیلی وارد نیستم از چه متد هایی باید استفاده کنم

azamicu
جمعه 01 شهریور 1392, 11:35 صبح
سلام دوست عزیز
با حرکت موس یه تابع درست بکن که هروقت حرکت کرد setTimeOut رو 3 دقیقه تنظیم کنه پس اگر سه دقیقه حرکت نکردید رو با یک if چک بکن و هنگام true بودنش دایو رو حرکت بده و روی رخداد mouseover دایو از
.stop()
استفاده بکن

Javidhb
جمعه 01 شهریور 1392, 12:27 عصر
var idle = 0;
var myInterval;
var MovingElement = $('#game');//esme <div> ke gharare harekat kone

(function(){
$(window).on('mousemove', function(){
clearTimeout(idle);
idle = setTimeout(main, 180000);//6 minutes
});

MovingElement.on("mouseover", function(){
stopDiv($(this));
});

})();

function main () {
myInterval = setInterval(
function(){
moveDiv(MovingElement)
}, 30);
}

function moveDiv (div) {
var x = parseInt(div.css('left'));
div.css('left', x+3+'px');
}

function stopDiv (div) {
clearInterval(myInterval);
}