js定时器的应用
2024-10-20 03:23:32
定时器分为两种
一种是一次性的,时间到就执行
var timer=setTimeout(fun,毫秒数);
清除的方法
clearTimeout(timer)
第二种是周期性的,根据设定的时间周期进行
var timer=setInterval(fun,毫秒数);
清除的方法
clearInterval(timer)
下面写一个简单的关于定时器的小案例
<body>
<h1>距离吃饭时间</h1>
<span id="time"></span>
<script type="text/javascript">
var oSpan=document.getElementById('time');
function task(){
var now=new Date();
var fangxue=new Date('当天的日期 17:30:00');
var s=parseInt((fangxue-now)/1000);//总共的秒数
if(s){
var days=parseInt(s/3600/24);//天数
var h=parseInt(s/3600%24);//小时数
var m=parseInt(s/60%60);//分钟
var ss=parseInt(s%60);//秒数
oSpan.innerHTML=`${days}天${h}小时${m}分钟${ss}秒`
}else{
clearInterval(timer);
oSpan.innerHTML="恰饭了"
}
}
var timer=setInterval(task,1000)//每过一秒执行一次,并且用timer接收
</script>
</body>
这就是一个关于定时器的运用,准确计算每日距离吃饭的时间,十分有用
最新文章
- myBatis的一对多查询,主要利用resultMap实现一次查询多个结果集
- Javascript之旅——第七站:说说js的调试
- backBarButtonItem 替换
- Android 图片闪烁(延迟切换)
- hdu 2095
- Hibernate day02笔记
- javascript中的this应用
- [codeforces 391D2]Supercollider
- 总结@ 在C# 中的用法
- 代码风格——Cocos2d-x学习历程(四)
- spss
- log4j之log4j2.xml使用
- 安装 Anaconda 的正确姿势
- jQuery的一些简单基础知识
- Docker+Redis镜像的原理以及部署安装(超详解附截图)
- UITouch - BNR
- 打包JAR,MANIFEST.MF格式
- Solve Error: nafxcw.lib(afxmem.obj) : error LNK2005: ";void * __cdecl operator new[](unsigned int)"; (??_U@YAPAXI@Z) already defined in libcpmt.lib(newaop.obj)
- IOS开发之xib解决自定义CollectionCell问题
- 给singer的左侧添加fixedTitle,并显示向上滚动偏移效果;