Bei der Verwendung von PDFObject.js wird aufgrund der Notwendigkeit, Daten im Hintergrund zu konvertieren, bei der Anzeige im Vordergrund lange Zeit eine leere Seite angezeigt, daher habe ich darüber nachgedacht, eine gefälschte Ladeanimation zu schreiben
Skriptfragment:
<script type="text/javascript">
var bar = 0;
var line = "||" ;
var amount ="||" ;
function count(){
bar= bar+2 ;
amount =amount + line;
$("#chart").val(amount);
$("#percent").val(bar+"%");
if (bar<99){
//设置1.5秒循环一次
setTimeout("count()",150);
}else{
$("#beforeSee").hide();
$("#pdfSee").show();
};
};
window.onload = function (){
PDFObject.embed("请求?code=${vdata.code}", "#pdfSee");
count();
};
</script>Körperfragment:
<body > <div align=center id="beforeSee" width="100%" height="100%"> <p><span class="red" style="font-size:50px;">拼命加载中，请稍后</span></p> <p> <input type="text" id="chart" name="chart" size="46" style="font-family:Arial; font-weight:bolder; color:gray;background-color:white; padding:0px; border-style:none;"> <br> <input type="text" id="percent" name="percent" size=46 style="font-family:Arial; color:gray; text-align:center; border-width:medium; border-style:none;"> <script type="text/javascript"> </script> </p> </div> <div align=center id="pdfSee" style="display:none" width="100%" height="100%"> <p><span class="red" style="font-size:50px;">控件丢失，请重新加载</span></p> </div> </body>
Das Obige ist der vom Editor eingeführte gefälschte Ladeanimationseffekt, der für alle hilfreich ist
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
