JavaScrip--时钟对象
时钟对象
有两个方法开启时钟
setInterval
setTimeout
有两个方法关闭
clearInterval
clearTimeout
注意两个的区别:
第一个setInterval,是延迟指定的时间后一直的执行
第二个setTimeout,是延迟指定的时间后只执行一次
例子:
使用这两个方法写的时钟:
<body>
<button onclick="startTime1()">setinerval</button>
<button onclick="stopTime1()">stopinerval</button>
<p id="pid1"></p>
<button onclick="startTime2()">settimeout</button>
<button onclick="stopTime2()">stoptimeout</button>
<p id="pid2"></p>
<script>
function startTime1(){
setIntervaltime=setInterval(function(){
demo1();
},0);
}
function demo1(){
var t=new Date();
var time= t.toLocaleTimeString();
document.getElementById("pid1").innerHTML=time;
}
function stopTime1(){
clearInterval(setIntervaltime);
}
function startTime2(){
demo2();
setTimeouttime=setTimeout(function (){
startTime2();
},0);
}
function demo2(){
var t=new Date();
var time= t.toLocaleTimeString();
document.getElementById("pid2").innerHTML=time;
}
function stopTime2(){
clearTimeout(setTimeouttime);
}
</script>
</body>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· 程序员常用高效实用工具推荐,办公效率提升利器!
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)