JQuery基于日隐藏div

0 html jquery

这是再次更新的代码我希望星期五的div,而不是星期五出现.我也希望它不会在下午5点之后出现,但我无法通过日常问题.谢谢你的帮助.

<html>
<head>

<script type="text/javascript"> 

  $(document).ready(function() {
    var rightNow = new Date(); 
    var day = rightNow.getUTCDay(); 
    if (day == 5) { 
      $('#friday').hide(); 
    } 
  });
</script>

<style type="text/css">

div {
border:solid black 1px;
background-color:lightblue;
color:darkblue;
font-size:14pt;
font-family:arial;
width:550px;
height:220px;
overflow:auto;
padding:5px;
}
</style>


</head>
<body>



<div id='friday'>
friday
</div>
<br>
<div id='saturday'>
saturday
</div>
<br>
<div id='sunday'>
sunday
</div>
<br>



</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Joh*_*her 7

最有可能的是,在元素是DOM的一部分之前,您遇到了脚本执行的问题.所以,像这样包装你的脚本:

<script type="text/javascript"> 

  $(document).ready(function() {
    var rightNow = new Date(); 
    var day = rightNow.getUTCDay(); 
    if (day == 5) { 
      $('#friday').hide(); 
    } 
  });
</script> 
Run Code Online (Sandbox Code Playgroud)

请注意,我还修复了"day = 5;" 误条件.