마우스 궤적을 기록하고 back_javascript 기술을 재생하는 js 코드

//Delay 메소드
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. 🎜>}
}


느린 재생 효과는 아직 구현되지 않았으며 해결이 필요합니다. . .
아하 오늘 아침에 해결됐어요~!
for 루프가 필요하지 않습니다. 타이머를 사용하여 배열 첨자를 사용하여 작은 사각형의 왼쪽과 상단을 계속 변경합니다.

//while (true)
// if (new Date().getTime() - start > n)
// break;
var oSlippage = document.getElementById("slippage");
oSlippage.style.left = this.X[this.iNum] - this.relativeX는 배열 첨자입니다. 🎜>oSlippage.style.top = this.Y[this.iNum] - this.relativeY;
MOUSETRACKRECORD.iNum ;
//아래 첨자가 길이보다 길면 재생을 중지합니다
.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; // //지연 루프 방법
// this.sleep(10);
//}
this.timeID = setInterval("MOUSETRACKRECORD.sleep()", 10)


데모 효과: