Javascript/Jquery——简单定时器的多种实现方法

最新推荐文章于 2021-12-29 10:51:30 发布

黄小二哥

最新推荐文章于 2021-12-29 10:51:30 发布

阅读量102

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/terryguan/p/4487590.html

本文详细介绍了四种JavaScript方法实现网页中实时显示当前时间的功能，包括使用setInterval、setTimeout和自定义定时器函数等技术手段，适合前端开发者学习。

第一种方法：

<script language="javascript"> 
//使用setInterval间歇调用 (不建议使用该方法) 
$(function(){ 
setInterval(function(){ 
$("#currentTime").text(new Date().toLocaleString()); 
},1000); 
}); 
</script>

第二种方法：

<script language="javascript"> 
//使用setTimeout超时调用 
function startTime(){ 
$("#currentTime").text(new Date().toLocaleString()); 
setTimeout('startTime()',1000); 
} 
</script>

第三种方法：

<script type="text/javascript"> 
var c=0; 
var t; 
function timedCount(){ 
document.getElementById('txt').value=c; 
c=c+1; 
t=setTimeout("timedCount()",1000); 
} 
function stopCount(){ 
clearTimeout(t); 
} 
</script>

第四种方法：

setInterval("fn()",2000);

$(function(){setInterval("fn()",2000);}) ;

转载于:https://www.cnblogs.com/terryguan/p/4487590.html