Question

我正在使用JavaScript编写动态html页面，我想在不使用onclick的情况下自动运行函数，我想延迟执行它。

我尝试了setTimeout()，但它没有按预期工作。

如何将下面的代码转换为自动运行function updateSliderValue()，但是没有按钮？

<!--creating a container for the input box--> 
<div><button onclick="updateSliderValue();">Set value</button></div>

代码是：

    }
         function updateSliderValue() {
            slider = widget.getByName("Slider1");
            slider.setValue();
        }

    </script>
</head>
<body>
<div style="clear: both; margin-top: 40px;"></div>
<div class="cell">
        <div class="container" style="height: 100px;">
            <div class="widget" style="height: 100%;" id="root">
            </div>
        </div>
    </div>
    <!--creating a container for the input box--> 
    <div><button onclick="updateSliderValue();">Set value</button></div> 


</body>
</html>

非常感谢你的努力和时间，但我不知道你把代码放在哪里给我。

Answer 1

function updateSliderValue() {
  //work
}

(function() {
  setTimeout(updateSliderValue,1000);
})();

或必须加载页面时

$(function() {
    setTimeout(updateSliderValue,1000);
});

Answer 2

要在页面加载时运行代码，可以使用window.onload函数：

window.onload = function() {
  updateSliderFunction();
};

或者您可以使用$（document）.ready来获取jquery解决方案：

$(document).ready(function(){
    updateSliderFunction();
});

如何在html页面中自动运行函数？

2 个答案: