Javascript Electron/jquery将加载的animated.gif添加到新打开的窗口（动画停止）
我有一个electron项目，它打开一个新窗口（index.html文件） 在主体的新窗口中，我添加了animated.gifJavascript Electron/jquery将加载的animated.gif添加到新打开的窗口（动画停止）,javascript,jquery,electron,Javascript,Jquery,Electron,我有一个electron项目，它打开一个新窗口（index.html文件） 在主体的新窗口中，我添加了animated.gif <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/styles.css?v=1.0"> <
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/styles.css?v=1.0">
</head>
<body>
<img id="loading" src="loading.gif" alt="" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$( document ).ready(function() {
// code for loading stuff here..
$('#loading').hide();
});
</script>
</body>
</html>
$（文档）.ready（函数（）{
//在这里加载东西的代码。。
$（“#加载”）.hide（）；
});
有人知道我有什么方法可以避免这种情况发生吗？考虑使用CSS动画来实现加载序列（即执行JS/脚本代码的位置） 当你的应用程序在启动过程中处于忙碌状态时，像这样一个简单的仅CSS微调器应该会继续动画：
@关键帧旋转{
0% {
变换：旋转（0度）；
}
100% {
变换：旋转（360度）；
}
}
.装货{
动画：旋转1s线性无限；
宽度：1em；
高度：1公厘；
显示：块；
边框：4倍纯红；
边框顶色：透明；
边界半径：50%；
}@关键帧旋转{
0% {
变换：旋转（0度）；
}
100% {
变换：旋转（360度）；
}
}
.装货{
动画：旋转1s线性无限；
宽度：1em；
高度：1公厘；
显示：块；
边框：4倍纯红；
边框顶色：透明；
边界半径：50%；
}