Javascript 从新选项卡返回后如何完成动画效果？

功能导航（id）{
开关（id）{
案例“btn4”：
设置超时（（）=>{
窗口打开（“https://www.google.com/search?q=google+translate&oq=googl&aqs=chrome.0.69i59j69i57j35i39j0l5.3829j0j15&sourceid=chrome&ie=UTF-8“，“字典”）
}, 250);
打破
案例“btn5”：
设置超时（（）=>{
窗口打开（“https://www.google.com/search?q=google+translate&oq=googl&aqs=chrome.0.69i59j69i57j35i39j0l5.3829j0j15&sourceid=chrome&ie=UTF-8“，“字典”）
}, 250);
打破
}
}

.defaultBtn{
利润上限：23px
}
.defaultBtn输入[类型=复选框]{
宽度：0；
身高：0；
显示：无；
可见性：隐藏；
}
.defaultBtn标签{
宽度：240px；
高度：52px；
显示：块；
光标：指针；
位置：相对位置；
}
.defaultBtn标签范围{
顶部：13px；
z指数：2；
右：57px；
颜色：#fff；
字体大小：20px；
字号：600；
位置：绝对位置；
文本转换：大写；
}
.defaultBtn标签：：之前{
内容：“；
宽度：130px；
高度：52px；
左边距：12px；
显示：块；
边界半径：35px；
背景色：#122433；
背景尺寸：50px 110px；
背景位置：5px0px；
背景重复：无重复；
背景图片：url(https://i.ibb.co/HpMQBCz/checkmark.png);
}
.defaultBtn标签：：之后{
内容：''；
排名：0；
右：18px；
宽度：157px；
高度：52px；
位置：绝对位置；
边框：0.2rem实心#64ef65；
边界半径：35px；
背景：线性梯度（至底部，#53D853 0%，#0F860F 100%）；
}
输入[type=“checkbox”]：选中+标签：：之前{
动画名称：switchBgColorDefault；
动画填充模式：正向；
动画持续时间：0.25s；
动画定时功能：步骤（1）；
}
输入[type=“checkbox”]：选中+标签：：之后，
输入：选中+标记范围{
动画名称：switchColorDefault；
动画持续时间：0.25s；
动画填充模式：正向；
动画计时功能：轻松进出；
}
@关键帧切换为默认值{
0% {
背景位置：5px0px；
}
100% {
背景位置：8px-55px；
背景色：#007236；
}
}
@关键帧切换颜色默认值{
0% {
变换：translateX（0）；
}
50% {
转换：translateX（-70px）；
}
100% {
变换：translateX（0）；
}
}

访问

使用简单的技巧：使用

感谢您的解决方案，但我希望url在新选项卡中打开，但在本地文件中实际工作。。更新了代码请检查..请检查并再次点击

复选框

@jyotiits not resolvingHi我更新了答案。只需使用

技巧即可解决此问题。检查@jyoti@Argee

<a href="https://www.google.com/search?q=google+translate&oq=googl&aqs=chrome.0.69i59j69i57j35i39j0l5.3829j0j15&sourceid=chrome&ie=UTF-8" id="reDirect" target="_blank">
    ------------------Add here check box---------------------------
</a>