如何重复动画（CSS和Javascript onclick）

如何重复通过

onclick

使用CSS和Javascript设置的动画？ 我是一个非常初级的代码编写者，了解HTML、CSS和Javascript。我不知道为什么下面的在线点击和功能只工作一次。如果你能帮助我，我将不胜感激

代码

功能解除（）{
document.getElementById（“electron”）.style.visibility=“可见”；
document.getElementById（“electron”）.style.WebkitAnimation=“mymove 5s 1向后”；//Chrome、Safari和Opera的代码
document.getElementById（“提交”）.style.backgroundColor=“浅蓝色”；
document.getElementById（“提交”）.style.boxShadow=“0px 3px 3px红色”；
document.getElementById（“submit1”）.style.backgroundColor=“#4CAF50”；
document.getElementById（“submit1”）.style.boxShadow=“0px 0px 0px红色”；
}

电子{ 位置：相对位置； 左：-10px； 可见性：隐藏； } @-webkit关键帧mymove{ 0% { 左：0px； 顶部：0px； } 25% { 左：-32px； 顶部：0px； } 50% { 左：-32px； 顶部：-20px； } 75% { 左：158px； 顶部：-20px； } 100% { 左：158px； 顶部：5px； } }

排出
指控

给定的javascript代码在定义函数时存在问题。 请使用

discharge=function（）{

有一些缺少的元素，如

electron

和

li

我也找不到任何名为

charge（）的函数

因此，我已经对缺失的元素进行了注释，并在下面提供了这些元素

discharge = function () {
// document.getElementById("electron").style.visibility = "visible";
// document.getElementById("li").style.visibility = "visible";
// document.getElementById("electron").style.WebkitAnimation = "mymove 5s 1   backwards"; // Code for Chrome, Safari, and Opera
document.getElementById("submit").style.backgroundColor = "lightblue";
document.getElementById("submit").style.boxShadow = "0px 3px 3px red";
document.getElementById("submit1").style.backgroundColor = "#4CAF50";
document.getElementById("submit1").style.boxShadow = "0px 0px 0px red";}

给定的javascript代码在定义函数时存在问题。
请使用
discharge=function（）{
有一些缺少的元素，如
electron
和
li
我也找不到任何名为
charge（）的函数

因此，我已经对缺失的元素进行了注释，并在下面提供了这些元素

discharge = function () {
// document.getElementById("electron").style.visibility = "visible";
// document.getElementById("li").style.visibility = "visible";
// document.getElementById("electron").style.WebkitAnimation = "mymove 5s 1   backwards"; // Code for Chrome, Safari, and Opera
document.getElementById("submit").style.backgroundColor = "lightblue";
document.getElementById("submit").style.boxShadow = "0px 3px 3px red";
document.getElementById("submit1").style.backgroundColor = "#4CAF50";
document.getElementById("submit1").style.boxShadow = "0px 0px 0px red";}

请使用此答案解决您的问题

html

css没有变化。
请使用此答案解决您的问题

html

css没有变化。
何处
charge（）
？何处
charge（））
？谢谢。你是对的。这是正确的版本：我在问题部分修复了。谢谢你的帮助。我期待着收到你的来信。是的，那也很好。请你帮助我如何修复这个问题。谢谢。你已经更改了功能，它正在工作。还有什么问题吗？谢谢。你是对的。这是正确的版本：我在问题部分进行了修复。感谢您的帮助。我期待着您的回复。是的，这也很好。请您帮助我如何修复此问题。谢谢。您已更改了功能，它正在工作。还有什么问题？
discharge = function() {
  document.getElementById("electron").style.visibility = "visible";
  document.getElementById("electron").style.WebkitAnimation = "mymove 5s 1   backwards"; // Code for Chrome, Safari, and Opera
  document.getElementById("submit").style.backgroundColor = "lightblue";
  document.getElementById("submit").style.boxShadow = "0px 3px 3px red";
  document.getElementById("submit1").style.backgroundColor = "#4CAF50";
  document.getElementById("submit1").style.boxShadow = "0px 0px 0px red";
}

charge = function(){
document.getElementById("electron").removeAttribute('style');
document.getElementById("submit").removeAttribute('style');
document.getElementById("submit1").removeAttribute('style');
}