设定事件间隔和延迟

最新推荐文章于 2022-07-15 09:49:07 发布

colorsunlight_110

最新推荐文章于 2022-07-15 09:49:07 发布

阅读量929

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/colorsunlight/article/details/44305983

版权

jQuery 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
var t=self.setInterval("clock()", 50);
function clock(){
    var time=new Date();
    document.getElementById("clock").value=time;
}

function timeMsg(){
    iSecond=Math.ceil((Math.random()*10));
    var t=setTimeout("log()", iSecond*1000);
}
function log(){
    $("#log").html("时间延迟:"+iSecond+"seconds!")
}
</script>
</head>
<body>
    <h2>jQuery设定时间间隔的方法</h2>
    <input type="text" id="clock" size="36"/>
    <button onclick="int=window.clearInterval(t)">stop interval</button>

    <h2>jQuery设定时间延迟的方法</h2>
    <form>
        <input type="button" value="Displayed timed alertbox!" onclick="timeMsg()"/>
    </form>
    <p>Click on the button above.An alert box will be displayed after 5 seconds.</p>
    <div id="log"></div>
</body>

setInterval(code,millisec[,”lang”]);
其中code参数表示要调用的函数或要执行的代码串，millisec参数表示周期性执行或调用code之间以毫秒计的时间间隔
setTimeout(code,millisec[,”lang”])
其中code参数表示要调用的函数或要执行的代码串，millisec参数表示在执行前需等待的毫秒数，code只执行一次，若要多次调用，必须使用setInterval()或让code自身再次调用setTimeout()函数

colorsunlight_110

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
设定事件间隔和延迟

<script type="text/javascript">var t=self.setInterval("clock()", 50);function clock(){ var time=new Date(); document.getElementById("clock").value=time;}function timeMsg(){ iSecond=Math.
复制链接

扫一扫