使用javascript自动刷新div
我一直在寻找最简单的方法,每x秒自动刷新页面上的特定div 到目前为止,我已经:使用javascript自动刷新div,javascript,reload,Javascript,Reload,我一直在寻找最简单的方法,每x秒自动刷新页面上的特定div 到目前为止,我已经: <script type="text/javascript"> window.onload = startInterval; function startInterval() { setInterval("startTime();",1000); } function startTime() { document.getElementById('time').innerHTML = D
<script type="text/javascript">
window.onload = startInterval;
function startInterval()
{
setInterval("startTime();",1000);
}
function startTime()
{
document.getElementById('time').innerHTML = Date();
}
window.onload=startInterval;
函数startInterval()
{
setInterval(“startTime();”,1000);
}
函数startTime()
{
document.getElementById('time').innerHTML=Date();
}
然而,将innerHTML设置为date函数的最后一部分是我希望用“time”ID的内容替换的内容,而不是实际的日期打印
我知道我可以加载iframe或externa html页面,但我只想调用页面上的现有div,而不必更改现有内容。可能吗
谢谢
编辑:我的意思是我有一个a div,在页面上看起来像这样:
一些东西
我希望每x秒刷新一次div,所以是的,您可以忽略我的示例中的Date()部分,我只是发现代码是这样的,但是当我试图删除.innerHTML部分时,它什么也不做,我想哈哈 你在找这样的东西吗
<script type="text/javascript">
window.onload = startInterval;
function startInterval() {
setInterval("startTime();",1000);
}
function startTime() {
var now = new Date();
document.getElementById('time').innerHTML = now.getHours() + ":" + now.getMinutes() + ":" +now.getSeconds();
}
</script>
window.onload=startInterval;
函数startInterval(){
setInterval(“startTime();”,1000);
}
函数startTime(){
var now=新日期();
document.getElementById('time').innerHTML=now.getHours()+“:“+now.getMinutes()+”:“+now.getSeconds()”;
}
你在找这样的东西吗
<script type="text/javascript">
window.onload = startInterval;
function startInterval() {
setInterval("startTime();",1000);
}
function startTime() {
var now = new Date();
document.getElementById('time').innerHTML = now.getHours() + ":" + now.getMinutes() + ":" +now.getSeconds();
}
</script>
window.onload=startInterval;
函数startInterval(){
setInterval(“startTime();”,1000);
}
函数startTime(){
var now=新日期();
document.getElementById('time').innerHTML=now.getHours()+“:“+now.getMinutes()+”:“+now.getSeconds()”;
}
注意:OP实际上想要在页面上已经包含的广告服务中重新加载脚本。以下内容对此没有帮助;然而,由于问题的提出方式,我留下这个答案,因为我认为它可以帮助其他人寻找以下类型的解决方案。请注意,这并没有演示如何“重新运行”已经包含的(可能是全局的和非函数的)代码
假设我有以下要动态刷新的
div
:
<div id="refresh">Refreshes...</div>
注意,我在这里也使用了JSFIDLE的功能。出于演示目的,数据
变量已调整为使用此变量。实际上,与请求一起发送的数据
要么是GET
要么是POST
变量,就像您通常使用的变量一样。另外,我没有在success
中使用response
,但这是因为它在jsFiddle的演示模式下不返回任何内容
jQuery使这件事变得非常简单。实际上,我会考虑使用它来代替大多数其他方法(尽管有要求)。注意:OP实际上是想在页面上已经包含的广告服务中重新加载脚本。以下内容对此没有帮助;然而,由于问题的提出方式,我留下这个答案,因为我认为它可以帮助其他人寻找以下类型的解决方案。请注意,这并没有演示如何“重新运行”已经包含的(可能是全局的和非函数的)代码
假设我有以下要动态刷新的
div
:
<div id="refresh">Refreshes...</div>
注意,我在这里也使用了JSFIDLE的功能。出于演示目的,数据
变量已调整为使用此变量。实际上,与请求一起发送的数据
要么是GET
要么是POST
变量,就像您通常使用的变量一样。另外,我没有在success
中使用response
,但这是因为它在jsFiddle的演示模式下不返回任何内容
jQuery使这件事变得非常简单。真的,我会考虑用它来代替大多数其他方法(尽管有要求)。你所说的“调用页面上现有的div”到底是什么意思?等等,你想用
#time
的内容替换#time
的内容吗?首先你应该更喜欢设置间隔(startTime,1000)代码>语法。你能澄清一下我想用“时间”ID的内容代替,而不是实际的日期打印恐怕我不明白。我想OP想要刷新\time
中的内容,所以“忽略Date()
”。这可能涉及AJAX IMO。编辑了我的初始帖子,很抱歉不够清晰@JaredFarrish你是对的,我想刷新#time div的内容。AJAX是唯一的方法吗?你所说的“调用页面上现有的div”到底是什么意思?等等,你想用〈code〉time〈code〉的内容替换〈code〉time〈code〉的内容吗?首先你应该更喜欢〈code〉setInterval(startTime,1000)代码>语法。你能澄清一下我想用“时间”ID的内容代替,而不是实际的日期打印恐怕我不明白。我想OP想要刷新\time
中的内容,所以“忽略Date()
”。这可能涉及AJAX IMO。编辑了我的初始帖子,很抱歉不够清晰@JaredFarrish您是对的,我想刷新一下#time div的内容。AJAX是唯一的方法吗?非常感谢您的帮助,并花时间详细解释了这一点。我必须承认,我最终使用了iframes,它满足了我的需要,尽管不那么干净。无论如何,谢谢你的时间!非常感谢您的帮助,并花时间详细解释这一点。我必须承认,我最终使用了iframes,它满足了我的需要,尽管不那么干净。无论如何,谢谢你的时间!