Question

对于处理网络内容的新手很多，很抱歉，如果这是一个愚蠢的问题，但是，我似乎无法理解为什么我用来淡化我的报价文本的javascript代码崩溃了我的浏览器，代码如下。

    <!DOCTYPE html>
<html>
<head><style type="text/css">h1 { font-size: 60px; 
  font-family: 'PT Sans Caption', sans-serif;
color: #F5F5F5;
text-shadow: 0px 0px 6px rgba(255,255,255,0.7);
text-align: center;
}
html { 
  background: url(http://www.mediafire.com/convkey/9176/gipuztaktb22sw36g.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

subline {
display: run-in;
width:80%;
height:5px;
background-color:#F5F5F5;
box-shadow: 0px 0px 6px rgba(255,255,255,0.7);
position: relative;
left: 10%;
}

p {
color: #F5F5F5;
font-size: 20px; 
font-family: 'Open Sans Condensed', sans-serif;
text-align: center;
}
</style>


<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
 <link href="http://fonts.googleapis.com/css?family=PT+Sans+Caption" rel="stylesheet" type="text/css">
  <link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" type="text/css">
<title>HD188753</title>
<style type="text/css"></style></head>
<body style="">
  <h1>HD188753
    <subline></subline>
  </h1>
  <p id="Quote" style="display: none; ">
    "Metaphysical  
    <b> quote </b>
    here"
  </p>


<script>
function pausecomp(ms) {
ms += new Date().getTime();
while (new Date() < ms){}
} 

x = 0;
while (x < 1)
{
$("p").fadeOut(400);
pausecomp(2000);
$("p").fadeIn(400);
pausecomp(2000);
}


</script></body>

无论如何，感谢您的任何建议或帮助。

Answer 1

x = 0;
while (x < 1)
{
$("p").fadeOut(400);
pausecomp(2000);
$("p").fadeIn(400);
pausecomp(2000);
}

你处在一个无限循环中。 x的值不会在循环内的任何地方被操纵，因此尝试执行fadeIn和fadeOut无限次，这会杀死浏览器的窗口。

Answer 2

我不知道“崩溃”是什么意思，但代码中有无限循环

x = 0;
while (x < 1) { ... }

这可能就是您的代码永远不会完成的原因。

Answer 3

您的while循环使JavaScript引擎保持100％运行（因为无限循环）。您需要查看complete / fadeIn的{{1}}参数，并且需要了解JavaScript的fadeOut方法。

基本上，setTimeout函数在动画完成后运行。 complete是不言自明的：它在经过指定的时间后运行指定的函数。这是一个例子：

setTimeout

Javascript / Jquery代码崩溃了我的浏览器

3 个答案: