我在加载程序时创建了一个初始屏幕,然后将加载初始屏幕,然后在几秒钟后将其重定向到我的主页。我的主要问题是将显示初始屏幕,然后仅在刷新之前显示主页一秒钟,然后初始屏幕再次循环。我不太确定此代码块是否存在问题。我尝试了2种方法,但两种方法均产生相同的结果。
这两个循环屏幕,并只显示我的页面不到一秒钟。
C#:
<div class="preload" id="preload">
<div class="logo">
Loa<span style="color: darkturquoise;">ding</span>
</div>
<div class="loader-frame">
<div class="loader1" id="loader1"></div>
<div class="loader2" id="loader2"></div>
</div>
</div>
<script type="text/javascript">
(function () {
var preload = document.getElementById("preload");
var loading = 0;
var id = setInterval(frame, 64);
function frame() {
if (loading == 100) {
clearInterval(id);
// window.location.href = "/Home/GetGoogleDriveFiles";
window.open("/Home/GetGoogleDriveFiles", "_self");
}
else {
loading = loading + 1;
if (loading == 90) {
preload.style.animation = "fadeout 1s ease";
}
}
}
})();
</script> -->
C#:
<body>
<div class="preload" id="preload">
<div class="logo">
Loa<span style="color: darkturquoise;">ding</span>
</div>
<div class="loader-frame">
<div class="loader1" id="loader1"></div>
<div class="loader2" id="loader2"></div>
</div>
</div>
<script type="text/javascript">
var timeOutInMilliSeconds = 5000;
setTimeout(function () {
location.href = "/Home/GetGoogleDriveFiles";
}, timeOutInMilliSeconds);
</script>
<div class="container body-content">
@RenderBody()
<hr />
</div>
<footer class="center bg-dark">
<p>Jason Phang Vern - Onn © 2019</p>
</footer>
</body>
</html>
这两个循环屏幕,并只显示我的页面不到一秒钟。