使用setInterval()方法输出一个计时器
来源:互联网 发布:郑州富士康网络招聘 编辑:程序博客网 时间:2024/06/04 18:36
var a = 0;b = 0;
var time = false
var td
var date = new Date() //创建一个时间对象
var startTime = date.getTime() //创建一个变量获得一个由1970年1月1日0点0分到现在的毫秒数
console.log(startTime)
function Btn_Click(){ //给一个按钮创建点击会触发的效果
if(time){ //逻辑锁,刚开始定义的是false,所以,它会先执行else里面的代码
clearInterval(td)
}else{
date = new Date() //还是创建一个时间对象,用于再次点击将开始的取得的时间覆盖掉
startTime = date.getTime()
td = setInterval(diaoyong,1) //创建一个setInterval()方法,每隔1毫秒执行里面的方法
}
time = !time //取反,用于判断第一次点击和第二次点击的效果
}
function diaoyong(){
date = new Date()
startTime1 = date.getTime()
var str = (startTime1 - startTime) //获得当前的时间,减去前面获得的时间,获得两者所经历的时间
a = Math.floor(str/1000) //将获得的时间向下取整,除一千是因为时间戳获得的时间跟setInterval()设置的时间有个偏差,所以需要使用这种方法来消除掉这个误差
b = Math.floor(str%1000) //将它取余,获得它的毫秒数
txt.innerHTML = a+":"+b //将获得的时间输出出来
}
var time = false
var td
var date = new Date() //创建一个时间对象
var startTime = date.getTime() //创建一个变量获得一个由1970年1月1日0点0分到现在的毫秒数
console.log(startTime)
function Btn_Click(){ //给一个按钮创建点击会触发的效果
if(time){ //逻辑锁,刚开始定义的是false,所以,它会先执行else里面的代码
clearInterval(td)
}else{
date = new Date() //还是创建一个时间对象,用于再次点击将开始的取得的时间覆盖掉
startTime = date.getTime()
td = setInterval(diaoyong,1) //创建一个setInterval()方法,每隔1毫秒执行里面的方法
}
time = !time //取反,用于判断第一次点击和第二次点击的效果
}
function diaoyong(){
date = new Date()
startTime1 = date.getTime()
var str = (startTime1 - startTime) //获得当前的时间,减去前面获得的时间,获得两者所经历的时间
a = Math.floor(str/1000) //将获得的时间向下取整,除一千是因为时间戳获得的时间跟setInterval()设置的时间有个偏差,所以需要使用这种方法来消除掉这个误差
b = Math.floor(str%1000) //将它取余,获得它的毫秒数
txt.innerHTML = a+":"+b //将获得的时间输出出来
}
0 0
- 使用setInterval()方法输出一个计时器
- 使用setInterval()方法做一个倒计时
- setInterval计时器不准的问题解决方法
- react native 使用setInterval构建计时器demo
- setInterval() 方法使用
- 实现一个方法计时器
- JS计时器setTimeout()与setInterval()方法的区别
- JS计时器setTimeout()与setInterval()方法的区别
- JavaScript之计时器setInterval()
- 【Javascript】计时器setInterval()
- 计时器 setInterval clearInterval setTimeout
- 【整理】计时器setInterval
- 使用JAVA编写一个计时器
- JS setInterval()、 setInterval()与 clearInterval() 方法的使用
- 计时器 setTiemout与setInterval区别
- js计时器实现计时setInterval
- JS计时器,setTimeout与setInterval
- 计时器setInterval和setTimeout区别
- Poedu_计算机基础_复习_20160828
- 【noip】Mayan游戏 搜索
- Jmeter使用奇葩问题集锦
- LINUX IO 程序编程
- idea设置注释作者信息
- 使用setInterval()方法输出一个计时器
- Andorid中Handler造成的内存泄漏浅析与处理
- C# 关于NULL 可空值类型 ? 和空接操作符??
- webservices应用----查询航班
- 文件上传和文件下载
- 二叉树的遍历(2)--先序遍历,中序遍历,后序遍历(非递归)
- C++ 虚函数表解析
- javaScript知识点----如何跳出多重循环break,continue
- 小车