Javascript 自动启动倒计时按钮

我正在尝试在我的页面中实现一个倒计时，以显示页面何时将重定向到google.com。到目前为止，我已经创建了一个按钮，但它只会在我单击它时开始计数。当我访问该页面时，是否可以使按钮自动开始倒计时

<button id="myButton" class="butstyle" style="float:right">Click To Redirect</button>


<script>

var counter = 10;
$('.butstyle').on('click',function(e){

e.preventDefault();
e.stopPropagation();

if($(this).hasClass('butstyle')){

$('.butstyle').text('You will be redirected in: 10 seconds');
$(this).removeClass().addClass('butAfter');

var int = setInterval(function() {
    counter--;
    $('.butAfter').text('You will be redirected in: '+counter+' seconds');

    if (counter == 0) {

        clearInterval(int);
        counter = 10;
        window.location.href = "https://www.google.com";
        //do your next action here:

    }
}, 1000);

}

});

 </script>

单击以重定向
var计数器=10；
$（'.butstyle'）。在（'click'，函数（e）上{
e、 预防默认值（）；
e、 停止传播（）；
if（$（this）.hasClass（'butstyle'））{
$（'.butstyle'）.text（'您将在10秒内被重定向'）；
$（this.removeClass（）.addClass（'butAfter'）；
var int=setInterval（函数（）{
计数器--；
$（'.butAfter'）.text（'您将在：'+counter+'seconds'中重定向）；
如果（计数器==0）{
清除间隔（int）；
计数器=10；
window.location.href=”https://www.google.com";
//在此处执行下一步操作：
}
}, 1000);
}
});

在文档准备就绪的情况下，您可以按如下方式切换单击功能上的按钮：

$( document ).ready(function() {
// Put relevant code here
}

---

用这个。这将自动用这部分代码单击您的按钮

$(document).ready(function() {
  $(".butAfter").trigger("click");
});

然后计数器启动

最终代码：

$（文档）。在（“单击”上，“.butAfter”，函数（e）{
e、 预防默认值（）；
e、 停止传播（）；
if（$（this）.hasClass（'butstyle'））{
$（'.butstyle'）.text（'您将在10秒内被重定向'）；
$（this.removeClass（）.addClass（'butAfter'）；
var int=setInterval（函数（）{
计数器--；
$（'.butAfter'）.text（'您将在：'+counter+'seconds'中重定向）；
如果（计数器==0）{
清除间隔（int）；
计数器=10；
window.location.href=”https://www.google.com";
//在此处执行下一步操作：
}
}, 1000);
}
});
$（文档）.ready（函数（）{
$（“.butAfter”）.trigger（“单击”）；
});
var计数器=10

单击以重定向
将相关代码放在$（文档）上。就绪（函数（）函数）单击按钮时，代码正在运行。加载它#您的意思是更改此$（'.butstyle'）。在（'Click'，函数（e）{到$（文档）。就绪（函数（）{？？是的，这样你的函数将在加载页面时执行。这样你也不必
preventDefault（）
我尝试过更改它，但仍然无法自动倒计时。你可以放置
console.log（“自动倒计时”）在函数中检查它是否被执行。我认为问题在于你的
if
，因为
这个
不再是按钮谢谢，是我的疏忽