javascript - 为分页导航功能添加延迟

Question

我希望为我发现的分页导航功能添加延迟，以便当用户按下前进或后退按钮时，代码将延迟 600 毫秒，然后才实际导航到页面。

我一直关注的代码是:

paginatelinks[i].onclick = function () {
    setTimeout(function () { instanceOfBox.navigate(this.getAttribute('rel')) }, 600)
    return false
}

如果我向 onClick 添加 600 毫秒的 setTimeout 函数，则会收到“未定义不是函数”的错误

这是一个JSFIDDLE整个分页功能

这是 onClick 函数的片段:

paginate.prototype.paginate_build_regularlinks = function (paginatelinks) {
var instanceOfBox = this
for (var i = 0; i < paginatelinks.length; i++) {
    var currentpagerel = paginatelinks[i].getAttribute('rel')
    if (/^(previous)|(next)|(first)|(last)$/.test(currentpagerel)) { //screen for these 'rel' values
        paginatelinks[i].onclick = function () {
            instanceOfBox.navigate(this.getAttribute('rel'))
            return false
        }
    }
    if (currentpagerel == 'previous' || paginatelinks[i].href.indexOf('previous') != -1) { //check if this is a 'previous' link
        if (!this.wraparound && this.currentpage == 0) //if current page is first page, disable 'prev' link
            paginate.setcssclass(paginatelinks[i], 'disabled', 'add')
        this.prevlinks.push(paginatelinks[i])
    }
    else if (currentpagerel == 'next' || paginatelinks[i].href.indexOf('next') != -1) { //check if this is a 'next' link
        if (!this.wraparound && this.currentpage == this.pagecount - 1) //if current page is last page, disable 'next' link
            paginate.setcssclass(paginatelinks[i], 'disabled', 'add')
        this.nextlinks.push(paginatelinks[i])
    }
}
}

Answer 1

当执行setTimeout时，就不再有“this”了。尝试将其保存在变量中，然后使用该变量。