定时器的应用
来源:互联网 发布:windows应用软件开发 编辑:程序博客网 时间:2024/05/21 09:24
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{padding: 0px;margin: 0px;}
#box{width:400px;
height: 200px;
background:pink;
margin: 60px auto;
text-align: center;
line-height: 200px;
color:#fff;}
</style>
<script type="text/javascript">
function init()
{
window.setInterval("stat()",1000);
}
function stat()
{
//time1表示当前的时间毫秒值
var time1=new Date().getTime();
//time2表示2017年10月1日的毫秒值
var time2=new Date("2017/10/01 00:00:00").getTime();
time=time2-time1;
//得到整数天
var day=Math.floor(time/86400000);
time=time-day*86400000;
//得到时整数时
var hour=Math.floor(time/3600000);
time=time-hour*3600000;
//得到分整数
var minutes=Math.floor(time/60000);
time=time-minutes*60000;
//得到秒
var seconds=Math.floor(time/1000);
//判断天时分秒为一位数时
day<10?"0"+day:day;
hour<10?hour="0"+hour:hour;
seconds<10?seconds="0"+seconds:seconds;
minutes<10?"0"+minutes:minutes;
//获取box对象的id
var obj=document.getElementById("box");
obj.innerHTML="距离2017年10月1日还剩"+day+"天"+hour+"时"+minutes+"分"+seconds+"秒";
}
</script>
</head>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{padding: 0px;margin: 0px;}
#box{width:400px;
height: 200px;
background:pink;
margin: 60px auto;
text-align: center;
line-height: 200px;
color:#fff;}
</style>
<script type="text/javascript">
function init()
{
window.setInterval("stat()",1000);
}
function stat()
{
//time1表示当前的时间毫秒值
var time1=new Date().getTime();
//time2表示2017年10月1日的毫秒值
var time2=new Date("2017/10/01 00:00:00").getTime();
time=time2-time1;
//得到整数天
var day=Math.floor(time/86400000);
time=time-day*86400000;
//得到时整数时
var hour=Math.floor(time/3600000);
time=time-hour*3600000;
//得到分整数
var minutes=Math.floor(time/60000);
time=time-minutes*60000;
//得到秒
var seconds=Math.floor(time/1000);
//判断天时分秒为一位数时
day<10?"0"+day:day;
hour<10?hour="0"+hour:hour;
seconds<10?seconds="0"+seconds:seconds;
minutes<10?"0"+minutes:minutes;
//获取box对象的id
var obj=document.getElementById("box");
obj.innerHTML="距离2017年10月1日还剩"+day+"天"+hour+"时"+minutes+"分"+seconds+"秒";
}
</script>
</head>
<body onload="init()">
定时器:var a=window.setInterval("fn()",1000);每隔1秒后调一次函数;
延时器:var b=window.setTimeout("fn()",1000);1秒后调该函数一次;
清除定时器:clearInterval(a);clearTimeout(b);
<div id="box"></div></body>
</html>
0 0
- 定时器的应用:俄罗斯方块
- 定时器quartz的应用
- 计数器定时器的应用
- 定时器的应用举例
- MFC定时器的应用
- MFC定时器的应用
- MFC定时器的应用
- MFC定时器的应用
- 定时器的应用
- 定时器的应用2
- Oracle定时器的应用
- NSTimer 定时器的应用
- 5.4 定时器的应用
- 定时器的应用
- javascript定时器的应用
- 定时器的应用
- STM32F2xx的定时器的应用
- STM32F2xx的定时器的应用
- 电影《不能说的秘密》完全解析更新
- 9. Palindrome Number
- EffectiveJava(34) -- 使用接口模拟可伸缩的枚举
- mongoDB 学习
- NUCLEO-F413ZH开发板Coremark跑分测试
- 定时器的应用
- 10047---微服务实战(二):使用API Gateway
- Tomcat相关
- Android setTag方法定义key的问题
- Java经典算法——鸡兔同笼
- 检查是否PING 通 并同步时间
- 一个例子让你彻底理解java接口回调
- 表单的知识点总结
- 浅谈Java的开放关闭设计原则