欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 财经 > 创投人物 > JavaScript定时器

JavaScript定时器

2025/2/5 18:24:49 来源:https://blog.csdn.net/2403_87729201/article/details/144242983  浏览:    关键词:JavaScript定时器

1.setInterval(function time) 周期定时器

var i=0
setInterval(function(){console.log(i++)
},3000)
//3000指的是3000毫秒 也就是3s
//这个事件会每隔三秒显示一个i 每次i++

2.setTimeout 延迟定时器

setTimeout(function()
{console.log(i++)
},3000)
//这个是打开页面之后过三秒执行这个事件
//只进行一次

3.让定时器停止

var i=0
var timer= setInterval(function(){console.log(i++)},3000)
var timer2=setTimeout(function()
{console.log(i++)
},3000)
clearInterval(timer)
//停止延时定时器用clearTimeout()
//里边放变量名字

这种停止是让定时器进入页面就停下来

可以通过方法来过段时间再让定时器停下来

var i=0
var timer= setInterval(function(){console.log("-------------")},3000)
setTimeout(function(){clearInterval(timer)
},10000)

这个就是延时定时器中内容10s后发生也就是十秒后再停止周期定时器,周期定时器每3s执行一次,他会执行三次之后停止

4.获取信息

var date=new Date()
//Date是个方法
console.log(date.toLocaleDateString())//获取本地日期
console.log(date.toLocaleTimeString())//获取当地时间
console.log(date.toLocaleString())//获取日期加时间
console.log(date.getDate())//获取日 本月的哪日
console.log(date.getDay())//获取星期几 星期日会显示0
console.log(date.getMonth())//当前月份-1 一月认为从0开始
console.log(date.getFullYear())//获取年份
console.log(date.getTime())//获取从1970年1月1日0时0分0秒到现在经过的毫秒数

知道这个以后可以采取另外一种停止定时器的方法

var start=new Date().getTime()
var timer= setInterval(function(){console.log("-------------")var end=new Date().getTime()if(end-start>10*1000){clearInterval(timer)}},1000)

还可以在页面显示本地时间

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="js/定时器.js" defer></script>
</head>
<body><div id="aa"></div>
</body>
</html>
 var aa=document.getElementById("aa")setInterval(function(){aa.innerText=new Date().toLocaleString()},1000)

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com