国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

記錄鼠標(biāo)的軌跡并回放的js代碼

2019-11-21 00:34:03
字體:
供稿:網(wǎng)友
遇到的問題:
Question
①:mousemove事件中,移動方法中會被記錄很多的left和top,我只需要大概的幾組數(shù)據(jù)就行,不需要那么多;
Question
②:回放的時(shí)候,在for循環(huán)里執(zhí)行太快了,導(dǎo)致的效果就是直接看到開始跟結(jié)束位置,我想放慢中間的過程;搞了一個延遲的函數(shù),但是還是沒有實(shí)質(zhì)性解決。

慢慢慢慢拖動小方塊到一個新位置,然后松開鼠標(biāo),

先點(diǎn)擊“復(fù)位”,再點(diǎn)擊“回放”查看所經(jīng)過的路徑,
只有一次機(jī)會哦 - -|||
循環(huán)內(nèi)延遲的部分代碼:
復(fù)制代碼 代碼如下:

//延遲方法
sleep: function(n) {
var start = new Date().getTime();
while (true)
if (new Date().getTime() - start > n)
break;
},
//回看軌跡記錄
backTrack: function() {
var oSlippage = document.getElementById("slippage");
var len = this.X.length;
for (var i = 0; i < len; i++) {
oSlippage.style.left = this.X[i] - this.relativeX;
oSlippage.style.top = this.Y[i] - this.relativeY;
//延遲循環(huán)方法
this.sleep(10);
}
}

還是沒有達(dá)到慢慢回放的效果,待解決。。。
啊哈,今早解決了~!
不用for循環(huán),通過定時(shí)器運(yùn)用數(shù)組的下標(biāo)來不斷改變小方塊的left和top

定時(shí)器結(jié)合數(shù)組下標(biāo)
復(fù)制代碼 代碼如下:

//延遲方法
sleep: function(n) {
//var start = new Date().getTime();
//while (true)
// if (new Date().getTime() - start > n)
// break;
var oSlippage = document.getElementById("slippage");
oSlippage.style.left = this.X[this.iNum] - this.relativeX; //iNum為數(shù)組下標(biāo)
oSlippage.style.top = this.Y[this.iNum] - this.relativeY;
MOUSETRACKRECORD.iNum++;
//如果下標(biāo)大于了他的長度就停止回放
if (this.iNum > this.X.length - 1) {
clearInterval(this.timeID);
}
},
//回看軌跡記錄
backTrack: function() {
//var oSlippage = document.getElementById("slippage");
//var len = this.X.length;
//for (var i = 0; i < len; i++) {
// oSlippage.style.left = this.X[i] - this.relativeX;
// oSlippage.style.top = this.Y[i] - this.relativeY;
// //延遲循環(huán)方法
// this.sleep(10);
//}
this.timeID = setInterval("MOUSETRACKRECORD.sleep()", 10);
}

演示效果:

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 定结县| 若尔盖县| 汉中市| 庆元县| 新巴尔虎右旗| 湛江市| 和平县| 古交市| 安福县| 彭阳县| 阳新县| 云梦县| 永安市| 自贡市| 都昌县| 毕节市| 金平| 金阳县| 凤凰县| 兴山县| 茶陵县| 郧西县| 集贤县| 盈江县| 彭州市| 洪泽县| 饶阳县| 微山县| 塔河县| 同心县| 江阴市| 凤台县| 临洮县| 定州市| 江山市| 鹤岗市| 苍溪县| 晋城| 碌曲县| 古蔺县| 贡嘎县|