Javascript 如何取消按钮：单击按钮时将鼠标悬停在css中？

我的css代码中有一个

.button:hover

的东西，但我希望当按下按钮时，该代码被取消五秒钟？我的代码如下

函数myFunction（）{
var text=document.getElementById（'input'）。值；
var textArray=text.split（“”.sort（）；
var output=document.getElementById（'output'）；
output.value=textArray.toString（）.replace（/，/g，“”）；
}
函数maFunction（）{
var copyText=document.getElementById（“输出”）；
copyText.select（）；
copyText.setSelectionRange（0，99999）
文件。执行命令（“副本”）；
}
/*函数ok（）{
document.getElementById（“复制”）.innerHTML=“Hello World”；
}
*/
/*函数衰减（）{
location.href='index.html#打开模式'；
setTimeout（函数（）{
location.href='index.html#modal close'；
}, 1000);
}*/

正文{
边缘顶部：10px；
左边距：20px；
显示器：flex；
}
.表格{
右边距：20px；
背景：#ffffff；
位置：相对位置；
}
.输入{
高度：700px；
宽度：600px；
边缘顶部：15px；
大纲：无；
字号：26px；
调整大小：无；
边框样式：实心；
边框颜色：#4CAF50；
边框宽度：2倍；
大纲：无；
边界半径：10px；
边际上限：0px；
垫面：5px；
左侧填充：10px；
}
奥普特先生{
身高：695px；
宽度：620px；
大纲：无；
调整大小：无；
边框样式：实心；
边框颜色：#4CAF50；
边框宽度：2倍；
边界半径：10px；
大纲：无；
左边距：10px；
}
.产出{
高度：650px；
宽度：512px；
大纲：无；
字号：26px；
调整大小：无；
大纲：无；
边界：无；
填充：0px；
边缘顶部：5px；
左边距：10px；
}
.按钮{
背景#4CAF50；
边界：无；
大纲：无；
颜色：#ffffff；
填充：14px；
宽度：100px；
边界半径：0 10px；
/*左边距：1134px*/
字体大小：22px；
光标：指针；
位置：绝对位置；
}
.语音泡沫{
高度：20px；
宽度：150px；
颜色：白色；
字体大小：20px；
文本对齐：左对齐；
位置：相对位置；
背景#4CAF50；
边界半径：1px；
填充：10px 10px 10px 5px；
盒影：0 4px 8px 0 rgba（141,105,105,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；
显示：无；
利润上限：35px；
左边距：630px；
}
.演讲泡泡：之后{
内容：''；
位置：绝对位置；
左：0；
最高：50%；
宽度：0；
身高：0；
边框：9px实心透明；
右边框颜色：#4CAF50；
左边框：0；
利润上限：-9px；
左边距：-9px；
}
.按钮：悬停+语音气泡{
转换：translateY（-690px）；
显示：块；
}
.按钮：悬停+.语音气泡：之后{
显示：块；
}
：：选择{
颜色：黑色；
背景：浅蓝色；
}
：-webkit滚动条{
宽度：10px；
}
：-webkit滚动条：悬停{
宽度：20px；
}
：-webkit滚动条拇指{
背景：#888；
}
/*.模态窗口{
位置：固定；
背景色：rgba（2002002000.75）；
排名：0；
右：0；
底部：0；
左：0；
z指数：999；
不透明度：0；
指针事件：无；
-webkit转换：所有0.3；
-moz转换：全部为0.3s；
过渡：均为0.3秒；
}
.模态窗口：目标{
不透明度：1；
指针事件：自动；
}
.模态窗口>div{
宽度：170px；
高度：50px；
填充：10px；
位置：相对位置；
利润率：10%自动；
/*填充：2rem*/
/*背景：#fff；
颜色：#333；
}
.模态窗口.复制{
字体大小：20px；
}*/

字母排序机
单击以复制文本

您可以在单击时添加一个

类

，并使用它为语音buble设置

显示：无

可能的例子

函数myFunction（）{
var text=document.getElementById（'input'）。值；
var textArray=text.split（“”.sort（）；
var output=document.getElementById（'output'）；
output.value=textArray.toString（）.replace（/，/g，“”）；
}
函数maFunction（el）{//更新：el
el.classList.add（'clicked'）；//更新
var copyText=document.getElementById（“输出”）；
copyText.select（）；
copyText.setSelectionRange（0，99999）
文件。执行命令（“副本”）；
setTimeout（（）=>el.classList.remove（'clicked'），5000）；//Oups，需要：更新以在5s后恢复悬停行为
}
/*函数ok（）{
document.getElementById（“复制”）.innerHTML=“Hello World”；
}
*/
/*函数衰减（）{
location.href='index.html#打开模式'；
setTimeout（函数（）{
location.href='index.html#modal close'；
}, 1000);
}*/

正文{
边缘顶部：10px；
左边距：20px；
显示器：flex；
}
.表格{
右边距：20px；
背景：#ffffff；
位置：相对位置；
}
.输入{
高度：700px；
宽度：600px；
边缘顶部：15px；
大纲：无；
字号：26px；
调整大小：无；
边框样式：实心；
边框颜色：#4CAF50；
边框宽度：2倍；
大纲：无；
边界半径：10px；
边际上限：0px；
垫面：5px；
左侧填充：10px；
}
奥普特先生{
身高：695px；
宽度：620px；
大纲：无；
调整大小：无；
边框样式：实心；
边框颜色：#4CAF50；
边框宽度：2倍；
边界半径：10px；
大纲：无；
左边距：10px；
}
.产出{
高度：650px；
宽度：512px；
大纲：无；
字号：26px；
调整大小：无；
大纲：无；
边界：无；
填充：0px；
边缘顶部：5px；
左边距：10px；
}
.按钮{
背景#4CAF50；
边界：无；
大纲：无；
颜色：#ffffff；
填充：14px；
宽度：100px；
边界半径：0 10px；
/*左边距：1134px*/
字体大小：22px；
光标：指针；
位置：绝对位置；
}
.语音泡沫{
高度：20px；
宽度：150px；
颜色：白色；
字体大小：20px；