Javascript 制表符圆逆时针向左移动时如何处理事件

参考：

这是我的代码：

document.onreadystatechange = function () {
    var state = document.readyState
    if (state == 'interactive') { /* Here I changed state with 'uninitialized', 'loading', 'loaded' but doesn't work. Only 'interactive' works when chrome tab loading circle moves right direction 'clockwise' but still not what I want*/
        $("body").css("opacity", "0.5");
        $("body").css("background-color", "pink");
    } 
    else if (state == 'complete') { /*works fine*/
        $("body").css("opacity", "0.5");
        $("body").css("background-color", "blue");
    }
}

我想要的是，例如，当我刷新页面时，当tab circle“逆时针”向左移动时，它应该显示粉红色。和蓝色完成。完成后，它工作良好。我只是不知道当它“逆时针”移动时如何把它变成粉红色。我相信Javascript可以处理浏览器中的所有事件

如果有任何解决方案，我们将不胜感激。

我这样做是为了解决问题：

$(window).on('beforeunload', function(){
  $("body").css("opacity", "0.5");
  $("body").css("background-color", "pink");
});

document.onreadystatechange = function () {
    var state = document.readyState 
    if (state == 'complete') {
        $("body").css("opacity", "0.5");
        $("body").css("background-color", "blue");
    }
}

我通过这样做修正了：

$(window).on('beforeunload', function(){
  $("body").css("opacity", "0.5");
  $("body").css("background-color", "pink");
});

document.onreadystatechange = function () {
    var state = document.readyState 
    if (state == 'complete') {
        $("body").css("opacity", "0.5");
        $("body").css("background-color", "blue");
    }
}