Question

代码在HTML文件中运行完美，但在PHP文件中使用时，javascript似乎是唯一失败的东西。有谁知道原因？

此代码应该在鼠标移动一段时间后出现。如果用户移动他们的鼠标，则会显示.fadeOut（）;.但是，如果用户没有移动鼠标，则会在几秒钟后重定向到另一个网址。

 <html>
 <head>

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
 <script type="text/javascript">
 $('#showdiv').fadeOut();

 var timedelay = 1;
 function delayCheck()
 {
 if(timedelay > 5)
 {
 $('#showdiv').fadeIn();
     if(timedelay == 12)
         {
                window.location = "https://www.google.com";
         }  
 timedelay = timedelay+1;
 }

 $(document).mousemove(function() {
 $('#showdiv').fadeOut();
 timedelay = 1;
clearInterval(_delay);
 _delay = setInterval(delayCheck, 900);
 });
  // page loads starts delay timer
 _delay = setInterval(delayCheck, 900)

  </script>

  <style type="text/css">
 #showdiv{
 width: 450px;
 border-radius: 10px;
 padding: 50px;
 border: 2px double gray;
 position: absolute;
    top: 40%;
    left: 40%;
 }

 </style>

 </head>
 <body>
      <div id="showdiv">
          <h2>
             You will be redirected in a few second unless you move your mouse.
          </h2>
       </div>
 </body>

</html>

Answer 1

由于您要在页面顶部加载jQuery函数，因此需要使用文档就绪处理程序将它们包围起来：

<div class="wrap">
<div class="bar">
    <p id="d" class="numbers">00</p><br>
    <p class="strings">D</p><br>
</div>
<div class="bar">
    <p id="h" class="numbers">00</p><br>
    <p class="strings">H</p><br>
</div>
<div class="bar">
    <p id="m" class="numbers">00</p><br>
    <p class="strings">M</p><br>
</div>
<div class="bar">
    <p id="s" class="numbers">00</p><br>
    <p class="strings">S</p><br>
</div>
<div class="init">
    <div class="z">ENTRA</div>
</div>
</div>

此外，您还缺少功能的结束括号。

Answer 2

您必须了解create通常在用户的浏览器上执行，而JavaScript通常在服务器中执行。

但是，如果您想在php文件中嵌入JavaScript，您仍可以在最后php ?>代码后执行此操作。

Javascript适用于HTML，但不适用于PHP

2 个答案: