Javascript 如何设置车身空载计时器？_Javascript_Html

Javascript 如何设置车身空载计时器？

javascript html

Javascript 如何设置车身空载计时器？,javascript,html,Javascript,Html,我想在bodyonload eventHandler上设置计时器，以调用显示hide div的函数 <body onload=""> <div style="display:none;"> hide </div> </body> 隐藏试试这个： <script src="http://code.jquery.com/jquery-latest.min.js"></script> <div id="div

我想在body

onload eventHandler

上设置计时器，以调用显示hide div的函数

<body onload="">
    <div style="display:none;"> hide </div>
</body>


隐藏

试试这个：

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<div id="div1" style="display:none;">
hide
</div>

<script>
$(function() {
    setTimeout(function() {
            $('#div1').show();
    }, 1000);
});
</script>


隐藏
$（函数（）{
setTimeout（函数（）{
$（'#div1'）.show（）；
}, 1000);
});

使用jquery，它会减少。。



函数foo（）{
//应该调用方法show。
$（“#idDiv”）.show（）；
}
功能条（）{
setTimeout（foo（），1000）
}

为了更好的可读性，我将代码放在一个单独的函数中
我在
```
div
```
中添加了一个id，以便通过javascript进行更轻松的选择
在
```
onload
```
属性中，我调用
```
setInterval
```
，它获取一个匿名函数作为第一个参数
每次间隔（1000毫秒）过后，都会调用此函数
然后，该函数将选择id为DIV的元素，并将其css
```
display
```
属性设置为
```
block
```
，或
```
none
```
（取决于先前的值）

用于演示的JSFIDLE：

请注意，

setInterval

的第一个参数只是函数名，而不是函数调用（因此没有括号！）：


隐藏
函数onTimeRecursed（）{
var myDiv=document.getElementById（'theDiv'）；
myDiv.style.display=myDiv.style.display=='none'？'block'：'none'；
}

请再解释一下。@Konza-我在onload函数上设置的时间，我想显示我的div的时间间隔。这不起作用，你在

setTimeout（）

行中调用foo，而不是传递对函数的引用。@UweB-是的，它不起作用。请建议我如何写函数？我想在给定的时间间隔中隐藏show div。我想再次在该时间间隔上隐藏。这应该是一个持续的隐藏表演的过程。有什么办法吗？是的，对不起，我误解了你的意思。我已经更新了JSFIDLE，并给出了答案。 function foo() { // method show should be called. $("#idDiv").show(); } function bar() { setTimeout(foo(), 1000) } </script> </code> <body onload="bar()"> </body>

<body onload="setInterval(onTimerElapsed, 1000);">
    <div id="theDiv" style="display:none;">
        hide
    </div>
</body>

<script type="text/javascript">
    function onTimerElapsed() {
        var myDiv = document.getElementById('theDiv');
        myDiv.style.display = myDiv.style.display === 'none' ? 'block' : 'none';
    }
</script>