怎么样在HTML中定时刷新

怎么样在HTML中定时刷新,第1张

    <script language="JavaScript">   

      function myrefresh(){   

        window.location.reload()   

      }   

      setTimeout('myrefresh()',1000) //指定1秒刷新一次   

    </script>

一般是用脚本实现。示例:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">#bg_body{background:url(1.jpg) no-repeat center #eee background-attachment:fixed height:1000px}</style><script type="text/javascript">window.onload=function(){var oBody=document.getElementById('bg_body') var oS=oBody.style function BgChenge(){oS.backgroundImage='url(2.jpg)' } function BgPosition(){oS.backgroundRepeat='no-repeat' oS.backgroundPosition='center' oS.backgroundAttachment='fixed' } function LoadMethod(){BgChenge() BgPosition()} setInterval(LoadMethod,1000)}</script></head><body id="bg_body"></body></html>你背景图片就设置了一个2.jpg再切换也是这一张图片啊如果有多张图片比如说1-10.jpg,那就把oS.backgroundImage='url(2.jpg)'改为oS.backgroundImage='url('+(parseInt(Math.random() * 10) + 1)+'.jpg)'

以前弄过类似的,你可以看看修改下。

这个是只有4条,定时切换。想改成0点 修改时间or获取时间就行。已测试可运行。

<!DOCTYPE html>

<HTML>

<HEAD>

    <meta charset="UTF-8">

    <TITLE>change by su </TITLE>

    <style type="text/css">

        #contain{

            overflow:hiddenlist-style:nonewidth:350pxheight:55pxmargin:0pxpadding:0

        }

        #contain p{

            height:30pxline-height:30pxwhite-space:nowrapoverflow:hiddenfont-size:15px

        }

    </style>

</HEAD>

<BODY>

<div id="contain">

    <p>这是第一条文本</p>

    <p>我是第二条文本!</p>

    <p>没错的话,我是第三条文本</p>

    <p>我去,我竟然是最后一条文本</p>

</div>

<script>

    function setTime(){

        var contain=document.getElementById("contain")

        contain.appendChild(contain.firstChild)

    }

    setInterval("setTime()",2000)

</script>

</BODY>

</HTML>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7549129.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存