Javascript jquery：在函数启动和完成时更改背景色_Javascript_Jquery_Css

Javascript jquery：在函数启动和完成时更改背景色

javascript jquery css

Javascript jquery：在函数启动和完成时更改背景色,javascript,jquery,css,Javascript,Jquery,Css,在我的网页中，我有一个函数submitFileUpload（），当点击按钮aws upload submit时，会调用该函数，如下面的代码所示 <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(function() { submitFileUploa

在我的网页中，我有一个函数

submitFileUpload（）

，当点击按钮

aws upload submit

时，会调用该函数，如下面的代码所示

<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script>
$(function() {
  submitFileUpload();
})

function submitFileUpload() {
  $('#aws-upload-submit').click(function() {
    //start displaying spinner here   
    //   $("*").css("background-color","yellow");                                                            
    loadfiles(); //around 1 min - 2 min of synchronous processing                                                               
    // $("*").css("background-color","green"); 
    //stop displaying spinner here
  })
}
  </script>
</head>

<body>
  <button type="button" id="aws-upload-submit">Submit</button>
</body>
</html>


$（函数（）{
submitFileUpload（）；
})
函数submitFileUpload（）{
$（“#aws上载提交”）。单击（函数（）{
//从这里开始显示微调器
//$（“*”）.css（“背景色”、“黄色”）；
loadfiles（）；//大约1分钟到2分钟的同步处理
//$（“*”）.css（“背景色”、“绿色”）；
//停止在这里显示微调器
})
}
提交

理想情况下，我希望显示一个微调器，该微调器将在函数开始时显示，并在函数退出时隐藏

我没有使用微调器，而是考虑至少更改css background color属性。例如，在函数开始时将背景色更改为黄色，在函数结束后将背景色更改为绿色

当函数运行时，它只是显示为绿色

我在网上看到的大多数帖子都是关于ajax的，但就我而言，submitFileUpload（）不是ajax函数

有没有办法在函数开始和结束之间更改背景颜色？

您可以使用interval吗

If(loadFiles()){
setInterval(Function("changeYellow();"), 60000);
}

或者尝试使用回调函数。

您需要使用一个承诺，即知道文件上载何时完成。您可以在开始请求时设置颜色，然后恢复承诺返回中的颜色。