运行window.onload和setTimeout不起作用
问题描述：运行window.onload和setTimeout不起作用。
解答：
- window.onload：window.onload是一个事件，当整个页面及其所有资源（如图片、样式表、脚本等）都加载完成后触发。它通常用于在页面加载完成后执行一些初始化操作或者绑定事件处理程序。如果window.onload不起作用，可能有以下几个原因：
- 脚本位置错误：确保将脚本放置在<body>标签的闭合之前，或者使用defer属性来延迟脚本的执行。
- 脚本冲突：可能存在其他脚本与window.onload冲突，可以尝试使用addEventListener方法来绑定事件，或者使用jQuery等库来处理事件。
- 页面加载速度过快：如果页面加载速度非常快，可能会导致window.onload事件已经触发完毕，再绑定事件时无效。可以尝试使用DOMContentLoaded事件来替代window.onload，DOMContentLoaded事件在DOM树构建完成后触发。
- setTimeout：setTimeout是JavaScript中的一个函数，用于在指定的时间后执行一段代码。如果setTimeout不起作用，可能有以下几个原因：
- 代码错误：确保setTimeout函数的参数正确，包括要执行的代码和延迟时间。
- 延迟时间设置错误：延迟时间是以毫秒为单位的，如果设置的延迟时间太短，可能会导致看不到效果。可以适当增加延迟时间来测试。
- 其他代码阻塞：如果在setTimeout执行之前有其他耗时的代码或者同步操作，可能会导致setTimeout不起作用。可以尝试将代码放在异步函数中执行，或者使用Promise、async/await等方式来处理异步操作。
总结：
- window.onload用于在页面及其资源加载完成后执行操作，如果不起作用，检查脚本位置、脚本冲突和页面加载速度。
- setTimeout用于延迟执行一段代码，如果不起作用，检查代码错误、延迟时间设置和其他代码阻塞。
腾讯云相关产品推荐：
相关·内容
2回答
我一直在尝试创建一个打字效果，我找到了这个代码片段，它工作得很好。唯一的问题是，在它开始运行之前，我需要设置6秒的延迟，但我无法做到这一点。
情况是，我有许多幻灯片，而这篇文章在第一张幻灯片上。所以，基本上我需要它在第一张幻灯片播放后延迟6秒开始。
我试着给函数命名，设置超时时间，以及设置整个函数的超时时间，但都不起作用。我已经测试了相当多的其他方法，我认为这些方法都有效，但没有一个有效。我仍然对jQuery没有信心，这可能就是为什么我想不出合适的解决方案的原因。
$.fn.typewriter = function () {
this.each(function () {
浏览 18提问于2019-10-27得票数 0
3回答
我有一个表单，我试图在页面加载后提交，并且5秒已经过去了。我试过setTimeout，但它似乎不起作用。有人能告诉我为什么会这样吗?我在网站上有jQuery，但也不能使用delay()
<form action="" name="cartCheckout" id="cartCheckout" method="post">
<input type="hidden" name="action" value="checkout" />
<input type
浏览 1提问于2012-01-17得票数 17
回答已采纳
1回答
我试图让一个div在延迟后出现，另一个div在另一个延迟后出现。这两个代码单独工作，但不能一起工作。我改变了所有的变量，为什么这不起作用呢？我知道你也许可以用不同的方式解决这个问题，但我希望它是这样的格式。谢谢
<script>
//appear after 1 second
window.onload = function(){
var theDelay = 1;
var timer = setTimeout("showText()",theDelay*1000)
}
function showText(){
document.getElementB
浏览 0提问于2014-06-17得票数 0
我有几个函数，它们应该在onload事件中延迟一段时间后触发。它在chrome中运行良好，但在火狐中就不行了。
function foo() {
// javascript code
}
window.onload = setTimeout(foo, delay);
function bar() {
// javascript code
}
window.onload = setTimeout(bar, delay);
如果我去掉延迟，'bar‘在Firefox中被调用，而'foo’和'bar‘在chrome中被调用。这里的问题可能是什么？
浏览 5提问于2011-04-08得票数 5
2回答
我正在使用JavaScript处理一个动态的html页面，我希望在不使用onclick的情况下自动运行一个函数，并且我希望延迟执行它。
我试过setTimeout()，但它没有像预期的那样工作。
如何将下面的代码转换为自动运行function updateSliderValue()，延迟但不需要按钮？
<!--creating a container for the input box-->
<div><button onclick="updateSliderValue();">Set value</button></di
浏览 1提问于2016-01-12得票数 1
回答已采纳
当我运行一个在Dreamweaver中编码的HTML文件时，我的javascript函数运行得很好。但是，当通过Dreamweaver的Preview on Browser功能打开该站点时，它不会运行。 这是body标记中的onload="myFunction()"事件的一个问题。如果我通过一个按钮运行代码，函数运行得很好。它曾经工作得很好，但有一次，当我打开Dreamweaver并在浏览器中预览时，它停止了工作。使用window.onload function(){}也不起作用。 在我的头脑中有这样的代码： <script type="text/javascr
浏览 47提问于2019-06-04得票数 0
5回答
我试图在没有jQuery的情况下读取div的宽度。我使用的代码是：
JS：
var windowwidth = parseInt(document.getElementById("window").style.width);
window.onload = function start() {
alert(windowwidth);
}
HTML：
<div id="window">
<p>Lorem ipsum dolor sit amet.</p>
</div>
CSS：
#window {
浏览 0提问于2011-06-26得票数 1
回答已采纳
5回答
为什么我的代码不能工作？我在页面加载PHP script.like后调用了一个javascript函数：
<script>
setTimeout("fb_login()",100);
</script>
fb_login()函数在同一页上
function fb_login()
{
alert("ok");
}
我也尝试过使用setTimeout("fb_login",100);。但不起作用。
我已经检查了控制台，但它没有给出错误。
浏览 0提问于2012-02-09得票数 0
回答已采纳
3回答
这是一个简单的javascript幻灯片。
<script language="JavaScript">
var bgimages=new Array()
bgimages[0]="im1.jpg"
bgimages[1]="im2.jpg"
bgimages[2]="im3.jpg"
//preload images
var pathToImg=new Array()
for (i=0;i<bgimages.length;i++){
pathToImg[i]=new Image()
pathToImg[i]
浏览 4提问于2014-09-08得票数 0
回答已采纳
1回答
我正在试着写一个脚本，模拟点击页面上的某个按钮。我试过使用window.onload，但它不起作用。在我看来，问题是当我的脚本开始执行时，我想要与之交互的元素还不存在。我该怎么做呢？ 这是我尝试过的： window.onload = function() {
document.getElementsByTagName('story')[0].onload = function() {
document.getElementsByTagName('story')[0].click();
};
};
浏览 1提问于2020-04-08得票数 0
回答已采纳
我有一个加载图像，这是工作正常，但当我添加一个下载按钮到表单和添加代码
Response.ClearContent();
Response.ContentType = "application/vnd.ms-excel";
Response.AppendHeader("Content-Disposition", "attachment; filename=ssss.xls");
Response.WriteFile(uploadingFilePath & fileName)
浏览 0提问于2012-10-18得票数 0
回答已采纳
我一个月前就做过了.但是现在它不工作了..。代码是
window.onload = function(){
setTimeout(function(){
alert("Hello");
}, 10000);
};
这是在test.php页面头部的脚本中编写的。脚本和其他标记是正确的。
我想每10秒调用一个特定的函数。警报只显示一次。这是每个浏览器都有的问题...在此测试之后，我想每隔2秒检查一次url，并调用一个AJAX函数。
有什么帮助吗？？
浏览 1提问于2011-11-08得票数 9
回答已采纳
我有一个iFrame，它包含一个带有target="_blank"的锚。我希望在新窗口打开后在iFrame中运行一些iFrame。
我尝试在锚点的setTimeout(/*my js to run*/, 0)事件中使用onclick。它适用于Chrome，但不适用于Firefox。在setTimeout中延迟100 ms似乎解决了火狐的这个问题，但是这个解决方案看上去不太干净。
在新窗口中打开链接后，是否有标准的方法来运行js代码？
编辑一些澄清:我想运行的js触发页面刷新。如果我将其直接放在onclick事件中，则不会打开锚链接，因为onclick事件发生在之前。这就是为什么
浏览 1提问于2015-08-25得票数 1
有没有人能帮帮我?我正在尝试让这个javascript在3秒的延迟后使用超时启动它的功能。
我仍在学习javascript和jquery，如果有人能告诉我哪里出了问题，以及如何修复它，我将不胜感激。
谢谢。
<script type="text/javascript">
setTimeout(function(){
window.onload = function showPopUp(el) {
var cvr = document.getElementById("cover")
var dlg = document.getElementBy
浏览 0提问于2013-02-02得票数 1
我想在javascript中每秒显示一行，但它不起作用.
function showIt1() {
document.getElementById("div1").style.visibility = "visible";
}
function showIt2() {
document.getElementById("div2").style.visibility = "visible";
}
function showIt3() {
document.getElementById("div3").s
浏览 9提问于2016-12-18得票数 2
回答已采纳
我尝试开发一个页面，我必须使用setTimeout函数，因为我需要在两秒钟后将视频加载到我的页面中。
为了做到这一点，我写了这个，
window.onload = function () {
player = new Player('playerObject');
setTimeout(player.playByUrl($mp4Link),3000);
}
但是为什么这不起作用呢？
浏览 0提问于2012-03-26得票数 0
我有一些代码
<script type="text/javascript">
$(document)
.ready(function() {
var count = 0;
window.onload = function () {
if (typeof history.pushState === "function") {
history.pushState("back", null, null);
wind
浏览 8提问于2016-09-21得票数 0
回答已采纳
我需要使用setTimeout函数，但该函数不起作用。首先，
Player.prototype.playByUrl = function (url) {
this.object.data = url;
return this.play();
}
上面的代码是我的函数，我调用它
window.onload = function () {
player = new Player('playerObject');
setTimeout(player.playByUrl($mp4Link),3000);
浏览 3提问于2012-03-26得票数 1
回答已采纳
我想在windows加载之后运行一个函数，但同时，它不应该超过6秒。换句话说，它应该在windows加载后或6秒后运行，以第一位为准。我怎么能这么做？
浏览 0提问于2013-08-03得票数 0
回答已采纳
我正在为iPhone编写一个网页/应用程序。我需要在页面重新加载后滚动到一个特定的位置，无论我以前在使用页面时滚动到哪里。我使用的脚本在firefox中工作得很好，但在mobileSafari中就不行。与火狐不同的是，mobileSafari似乎保存了我之前滚动到的位置，并在重新加载后跳到那里，忽略了重新加载时触发的scrollTo。
这是我使用的代码：
function scroller(){scrollTo(1000,1000);}
window.addEventListener("load",scroller, false);
它与我手动触发的点击事件一起工作。如果我点击
浏览 0提问于2010-09-07得票数 0
回答已采纳
window.onload似乎没有在chrome控制台中运行指定的函数，我似乎找不到有解决方案的人。
代码：
function preStart() {
console.log("Hello");
}
window.location = 'https://www.google.com/';
window.onload = preStart;
运行时，window.location会成功运行，但"preStart“不会。我意识到window.location之后window.onload就不能工作了，但是有没有解决方案呢？(函数在页面加载后运行的位
浏览 1提问于2018-05-07得票数 1
1回答
我试图循环我的音乐背景，并保持它即使我移动到其他页面，我如何才能做到这一点？现在下面的代码，我写了它的工作时，我点击暂停和开始按钮，但我想要一个更简单的方法，使它循环在其他页面，而不是点击开始按钮。
浏览 13提问于2019-11-10得票数 0
4回答
在我的应用程序中，我想在一段时间后向服务器发送一些内容。我已经使用AJAX实现了它。但它是第一次工作，但不是递归的。为此，我使用了setTimeOut()。
var xmlHttp;
var requestURL = 'http://localhost:1092/ClassicAJAXDemo/UpdateHeartbeat.aspx?name=';
function show_data(strName)
{
if (strName.length > 0)
{
var url = r
浏览 0提问于2009-09-19得票数 1
1回答
我有HTML5视频。
<video id="Video1">
<source src="/media/thevideo.mp4" type="video/mp4"></source>
</video>
我有JQuery UI滑块：
<div id="slider2" style="width:100%;" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner
浏览 0提问于2014-06-09得票数 0
当用户单击扩展图标以触发弹出时，Chrome似乎会在显示任何内容之前等待所有js执行。
我想展示“装货.”在执行ajax以获取数据并显示数据之前，使用屏幕进行显示。
如何在执行js之前显示popup.html？
我试过window.onload和setTimeout。
更新：
我想做的是：
window.onload = function() {
setTimeout(function() {
var me = new MyApp();
me.getDbs("apps")
},5000);
}
一旦检索到dbs，getDbs就隐
浏览 1提问于2011-02-24得票数 0
回答已采纳
在页面完全加载和页面javascript完成之后，我正在寻找一个函数/methode来执行我的javascript (使用greasemonkey)。
已经尝试了以下方法，但它们在页面加载之后，但在之前运行测试脚本。
window.onload = function () { testscript() }
window.addEventListener('load', function () { testscript()})
谢谢。
浏览 4提问于2014-06-08得票数 1
以下代码用于在用户提交表单后3秒关闭Google Chrome扩展弹出窗口。
function closeIt() {
self.close();
}
$('#logForm').html('<h2>Bookmark Added</h2>');
setTimeout(closeIt,3000);
如果我在代码流中调用self.close()，它可以正常关闭弹出窗口。但是，在本例中，它看起来根本不会执行，并且在弹出窗口刷新之前没有显示出延迟。
我尝试了一下警报，结果发现警报显然会影响setTimeout计数……我也尝试过使用带引号
浏览 2提问于2011-05-09得票数 1
我正在尝试使用JavaScript自动注销无活动状态。事情是，即使当我移动我的鼠标，并迅速按下任何键，计时器不重置。
var timeOut;
function reset() {
window.clearTimeout(timeOut);
timeOut = window.setTimeout( "redir()" , 5000 );
}
function redir() {
window.location = "index.php?page=Logout";
}
window.onload = function() { setTimeout("red
浏览 4提问于2017-03-01得票数 0
回答已采纳
我想让它运行，但在页面完全加载后5秒内不会运行。我该如何去实现这一点，我相信这是一个,500，但我不确定它会走向何方。 如果你有任何问题，请提出来！ 提前感谢您在这件事上的帮助，非常感谢！ $(".demoBookedContentClose").click(function(){
$("body").addClass("demoBookedHidden");
});
function shuffle(array) {
var currentIndex = array.length,
temporaryV
浏览 104提问于2021-01-18得票数 0
回答已采纳
2回答
超时工作
、、、、
我在页面上有一个链接，并且希望，在onLoad之后定义超时之后，这个链接将被另一个链接所取代。我有以下示例代码：
window.addEventListener('DOMContentLoaded', changeLinks, false);
function timeout_init() {
setTimeout('changeLinks()', 30000);
}
window.onload = changeLinks;
var _linksChanged = false;
function changeLinks() {
if(_li
浏览 0提问于2018-07-19得票数 0
1回答
我正在尝试模拟一个脚本，它需要很长时间才能在页面加载上运行。
我试过这个：
window.onload = function() {
setTimeout(alert("Page Rendered"), 200000);
};
但警报信息马上就会发生。
我做错了什么？
浏览 2提问于2019-11-08得票数 0
回答已采纳
我想隐藏iphone中的地址栏和状态栏，因为有更多的空间。我试过这个代码window.scrollTo(0，1)；但这在iphone上不起作用。请帮帮我。提前谢谢。
浏览 0提问于2010-10-27得票数 2
我使用body onLoad="setTimeout('myFunction()',4000);"每4秒刷新一次我的网站。我想使用另一个JavaScript来使我的文本淡入淡出。它可以工作，但我的网站不会每4秒刷新一次。它不是淡入淡出就是刷新。它们相互干扰。
文本淡入淡出脚本需要window.onload=fade才能工作，但如果我使用它，它将覆盖body onLoad="setTimeout('myFunction()',4000);" -我如何让这两个脚本都工作？
浏览 0提问于2012-12-28得票数 1
回答已采纳
我有一份清单：
var images = ["image1.png", "image2.png", "image3.png", "image4.png"];
我编写了一个代码，试图在页面加载时显示image1，但该图像将永远更改为列表中的下一个图像。然而，当代码运行时，它被卡在image1上，并且在接下来的3秒内没有改变。
到目前为止，这是我的JavaScript代码：
<html>
<body>
<body onload = "myFunction()">
<img sr
浏览 6提问于2017-03-19得票数 0
回答已采纳
我对DOMnode.getBoundingClientRect()有一个问题，因为返回的数据不一致。我正在使用windows.onload (因为没有更好的选项)来触发我的函数，它需要一个元素的getBoundingClientRect().height来对它进行计算。
问题是，元素的高度并不总是一致的。据我所知，window.onload甚至应该在页面生命周期中一直运行，并且应该在那时加载内容、样式表和外部资源，但是该页面显然仍然没有正确地呈现它，因为我有时得到的高度值大约为400,528,630，有时它对我试图读取的元素是正确的(700)。
有什么想法？
是否有其他方法来检测div (或页
浏览 0提问于2018-03-19得票数 5
回答已采纳
我想在页面加载时运行carouselPartialView函数，但是当我尝试调用该函数时，它不会运行，但是当我尝试使用resizeWitdthOnly函数调用它时，它可以工作。我怎样才能让它在页面加载时运行。
function resizeWidthOnly(a, b) {
var c = [window.innerWidth];
return onresize = function () {
var d = window.innerWidth,
e = c.length;
c.push(d);
if (c
浏览 17提问于2019-11-20得票数 0
chart.js在我的本地主机上运行得很好，没有任何问题，但是当我在网上发布它时，它不起作用.我使用.load从另一个页面接收饼图数据
在我的HTML代码下面：
<div id="canvas-holder">
<div id="arafa" hidden></div>
<canvas id="chart-area"></canvas>
</div>
下面是我的Jquery代码
window.onload = function () {
浏览 2提问于2015-03-27得票数 0
JavaScript function 在旧版本的IE (6,7,8)中不起作用？这个功能有没有兼容的代码，比如老版本IE的Array的？
浏览 6提问于2012-03-26得票数 3
我尝试将计时器添加到我的代码中。问题是，当在HTML中使用代码时，它工作得很好，但当我试图在外部javascript文件中使用它时，它就不工作了。帮帮我
我尝试使用内部HTML代码，它工作得很好，但不是单独的Javascript文件
<div> Time :<span id ="timer"></span></div>
<script type="text/javascript">
var timeoutHandle;
function countdown(minutes, second
浏览 23提问于2019-08-14得票数 2
回答已采纳
我可以将焦点设置在第一个输入上，它适用于所有浏览器(IE除外)：
$('#login').on('shown', function () {
$(login).find('input:visible:first').focus();
})
我需要在Bootstrap模式显示完成后调用它，所以我在显示的函数中调用它。
我还尝试了以下代码(不起作用)：
$('#sign_up').on('shown', function () {
setTimeout(function () {
$(sign
浏览 2提问于2012-09-30得票数 0
回答已采纳
3回答
我有几个JavaScript函数需要在页面加载时运行以获取内容。我曾尝试使用window.onload来调用该函数，但它不起作用。
基本上，需要在页面加载完成后运行几个函数，但只运行一次。
到目前为止，我有这个，但它不起作用
<script language="javascript">
window.onload=serverstats
window.onload=latestnews
</script>
浏览 2提问于2011-09-05得票数 1
回答已采纳
2回答
我是包括外部脚本和库。图像是DOM格式的。我想删除加载器后，图像和脚本完全加载在URL中。
window.onload= function(){
$(".loader").hide();
}
但在执行加载的脚本或图像之前，它不会工作。
浏览 0提问于2015-10-23得票数 1
1回答
请原谅我，因为我对wordpress & elementor :D非常陌生，所以目前我正在开发一个页面的网站，但是我想在用户访问该网站之前放置一个部分/屏幕封面，然后单击“打开web”按钮向下滚动或打开网页，并隐藏封面。
我正在使用Elementor，并且仍然通过网站进行开发。
目前这是我的密码。
CSS：
body{
overflow: hidden;
}
#coverpage{
transition: height 2s;
}
#coverpage.shrink {
height: 0;
}
按钮html：
<input type="bu
浏览 0提问于2021-08-08得票数 0
回答已采纳
问题
在我的代码MySymbolsObject.js中--例如，内联报告的代码--设置一个window.onload事件，以便Snap.load()一个svg文件，并将svg片段节点保存在Symbols.resources中。
最后一个内联<script>设置第二个window.onload事件，该事件包含使用保存在Symbols.resources中的svg节点的代码。
在火狐中，它可以完美地打印控制台中的节点，而在Safari中，Symbols.resources作为原始的0值在控制台中打印。
我查过了
在Safari控制台中，页面完全加载后，Symbols.resourc
浏览 8提问于2015-06-12得票数 0
回答已采纳
5回答
我有下面的表单，它在加载时预先填充了值。我想有空的输入框加载使用Javascript。但是，我不能访问<body>标记，所以<body onload=""在这里不起作用。是否有其他方法可以在加载时清除表单域？
<form method="POST" action="">
<input name="username" id="user" value="" /><br />
<input name="pwd" id=&#
浏览 0提问于2012-10-17得票数 4
回答已采纳
我的问题看上去可能很简单，我在网上搜索了一下，却没有找到答案。我让浏览器先运行我的<h1> HTML标记，然后执行JavaScript文件。但是结果是，JavaScript阻塞了我的prompt()代码，并首先运行了prompt()。我希望你能帮我找到一个解决方案，学习一些新的东西。
这是我的HTML代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="
浏览 1提问于2022-10-27得票数 1
回答已采纳
我试图为HTML主体的load事件附加一个侦听器。但是代码似乎没有运行(事件没有触发)。body元素有加载事件吗？如果是，下面的代码正确吗？现在，我只想让它在Firefox中工作。
index.html
<!DOCTYPE html>
<html>
<head>
<title>Testing</title>
<script type="text/javascript" src="script.js"></script>
</h
浏览 0提问于2010-12-09得票数 1
回答已采纳
2回答
我正在从ngOnInit调用一个函数，
public ngOnInit() {
this.idleLogout();
}
public idleLogout() {
let t;
window.onload = resetTimer;
window.addEventListener('scroll', resetTimer, true);
function resetTimer() {
clearTimeout(t);
t = setTimeout(() => {
// this
浏览 1提问于2018-11-01得票数 1
回答已采纳
3回答
在使用以下javascript代码完全加载页面后，我打开一个iframe：
<script>
function loadFrame() {
var iframe = document.getElementById("defframe");
iframe.src = "/frame.php"
};
window.onload = loadFrame;
</script>
HTML代码
<iframe id="defframe" frameBorder="0" sc
浏览 7提问于2017-04-05得票数 1
回答已采纳
在编写适当的JavaScript和放置它的位置方面，我需要一些帮助。我想做的很简单.
我想在第一次加载页面时隐藏一个div，然后在设置的间隔后永久显示它(让我们称之为10分钟)。从我所能看出的情况来看，我需要使用setInterval或setTimeout函数。
两个问题..。
--我不知道JavaScript，所以我只是尝试将它合并到一起--我使用的是WordPress，我不知道脚本需要放在哪里才能工作。
有什么想法吗？
浏览 4提问于2012-01-19得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
