html js倒计时不准确,关于JS倒计时的问题
@Hello_World20 说的就是正确的,js里要准确计时只能用Date的时间戳
按题主的代码改了下,应该就是题主想要的效果了
毫秒的倒计时
var countdown = function(gid,time,starttime){
if (!starttime) starttime = Date.now();
try {
var _time = time + starttime - Date.now();
if (_time<=0) {
document.getElementById('timer2').innerHTML = '00:00:00';
} else {
var ms = Math.floor(_time%1000);
var s = Math.floor(_time/1000%60);
var m = Math.floor(_time/1000/60%60);
var h = Math.floor(_time/1000/60/60%24);
h=h>9?h:'0'+h;
m=m>9?m:'0'+m;
s=s>9?s:'0'+s;
ms=ms>9?ms:'0'+ms;
if (parseInt(h)>0) {
var str = h+':'+m+':'+s;
} else {
var str = m+':'+s+':'+ms;
}
document.getElementById('timer2').innerHTML = str;
setTimeout(function(){
countdown(gid, time, starttime);
},1);
}
} catch (e) {
if (typeof(console) == 'object') {
console.log(e);
}
}
};
setTimeout(function(){countdown('timer2',99999)},1);
html js倒计时不准确,关于JS倒计时的问题相关推荐
- js php 获取时间倒计时_,JS实现获取时间和设置倒计时代码分享
本文主要和大家分享JS实现获取时间和设置倒计时代码,希望能帮助到大家. 只做笔记记录一下,主要用到Date 和 setInterval 第一个倒计时的设置: var timeBox = documen ...
- js实现倒计时,定时器--完成时间倒计时
js实现倒计时,定时器–完成时间倒计时 //每秒刷新一次 setInterval(function showtime() {//结束时间var endTime = document.getElemen ...
- jsの再体验 - - ECMAScript(js基础语法)
jsの进阶之路 一.初识js 1.1.js脚本语言 1.2.浏览器执行js的过程 1.3.js的组成 1.4.js的三种写法 1.5.js的注释 1.6.js的输出语句 1.7.js的变量 1.8.j ...
- 网页通过CSS写出生日倒计时(利用:日期倒计时、元素自动旋转、边框视觉按钮效果)[直接复制代码即可实现、含注释]
图片效果 ↓(代码为粉图,生日歌自动播放) 视频效果 ↓(音乐为自动播放) 网页通过CSS写出生日倒计时(利用:日期倒计时.元素自动旋转.边框视觉按钮效果) 代码 ↓(可直接复制使用,音乐引用网易云音 ...
- js动态生产html元素,js 动态创建 html元素
js 动态创建 html元素 js学习之动态创建html元素 body{margin:0;padding:0;} .sky{background:#000;width:1000;height:500p ...
- html中js添加或删除activex,JS:操作样式表2 :用JS实现添加和删除一个类名的功能(addClass()和removeClass())...
var box = document.getElementById("box"); box.id = "pox"; 将id = "box", ...
- node.js事件驱动_了解Node.js事件驱动架构
node.js事件驱动 by Samer Buna 通过Samer Buna 了解Node.js事件驱动架构 (Understanding Node.js Event-Driven Architect ...
- 【Node.js】2.开发Node.js选择哪个IDE 开发工具呢
安装完Node.js之后,就要为它选择一个有利的IDE用于开发. 相比较了多个IDE之后,定位在webstrom和sublime上. 有一个简单的比较: webstorm功能很丰富,前端开发工具的集大 ...
- 【深入浅出Node.js系列十一】Node.js开发框架Express4.x
为什么80%的码农都做不了架构师?>>> #0 系列目录# 深入浅出Node.js系列 [深入浅出Node.js系列一]什么是Node.js [深入浅出Node.js系列二]N ...
最新文章
- jdbc封装mysql_实用JDBC数据库查询封装
- 面试常考,项目易错,长文详解C/C++中的字节对齐
- 《kafka中文手册》-快速开始(二)
- linux 工具src,10个被称为Sysadmin的Linux工具
- webpack4配置详解
- Mui Webview下来刷新上拉加载实现
- Hibernate之N+1问题
- OpenCV 像素的读取与操作
- 视频数据训练太慢?试试UT-AustinFAIR提出的多重网格训练,加速4.5倍,还能提点!...
- HTML5和Web前端有什么区别?具备HTML5技能的人薪资多少?
- python 反编译exe
- 【从零开始学架构-李运华】07|低成本、安全、规模
- ffplay视频播放原理分析
- MATLAB频谱图绘制
- 阿里云 ECS 服务等级协议 SLA是什么?
- 基于SVM的中文垃圾短信分类
- Ural1671 Anansi's Cobweb 并查集
- (笔记自用)JDY-31蓝牙模块的使用
- java 导出word乱码问题,99%解决问题
- 小米扫地机器人粉尘盒_小米扫地机器人尘盒 扫地机器人尘盒要如何清洗