码迷,mamicode.com
首页 > 其他好文 > 详细

设定事件间隔和延迟

时间:2015-03-16 16:36:20      阅读:116      评论: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.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()函数

设定事件间隔和延迟

标签:

原文地址:http://blog.csdn.net/colorsunlight/article/details/44305983

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!