2

使用网络东西有点新，如果这是一个愚蠢的问题，很抱歉，但是，我似乎无法理解为什么我用来淡入和淡出引号文本的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>

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

4

3 回答 3

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

您处于无限循环中。x 的值在循环内的任何地方都没有被操纵，所以它试图无限次地执行淡入和淡出，这会杀死浏览器的窗口。

于 2013-09-27T00:30:45.283 回答
1

我不知道您所说的“崩溃”是什么意思，但是您的代码中有一个无限循环

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

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

于 2013-09-27T00:30:46.840 回答
1

您的while循环保持 JavaScript 引擎 100% 运行（因为无限循环）。您需要查看/的complete参数，并且您需要了解 JavaScript 的方法。fadeInfadeOutsetTimeout

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

function fadeOut() {
    $("p").fadeOut(400, function () {
        setTimeout(fadeIn, 2000);
    });
}

function fadeIn() {
    $("p").fadeIn(400, function () {
        setTimeout(fadeOut, 2000);
    });
}

fadeOut();
于 2013-09-27T00:34:28.460 回答