Javascript计时器只有几分钟和几秒钟
Javascript timer just for minutes and seconds
我找到了一个带有计时器的JSFiddle
,可以每秒计数。除了我希望它只适用于分钟和秒。没有时间。
有什么想法吗?
-
DATE_OBJ.getSeconds()
获取Date
对象的秒数。 -
DATE_OBJ. getMinutes()
获取Date
对象的分钟数。 -
setInterval
每秒(1000ms
)调用处理程序函数。
var handler = function() {
var date = new Date();
var sec = date.getSeconds();
var min = date.getMinutes();
document.getElementById("time").textContent = (min < 10 ? "0" + min : min) + ":" + (sec < 10 ? "0" + sec : sec);
};
setInterval(handler, 1000);
handler();
<h1 id="time" style="text-align: center"></h1>
这是一个非常黑客的方法 - http://jsfiddle.net/gPrwW/1/
HTML -
<div id="worked">31:14</div>
.JS:
$(document).ready(function (e) {
var $worked = $("#worked");
function update() {
var myTime = $worked.html();
var ss = myTime.split(":");
var dt = new Date();
dt.setHours(0);
dt.setMinutes(ss[0]);
dt.setSeconds(ss[1]);
var dt2 = new Date(dt.valueOf() + 1000);
var temp = dt2.toTimeString().split(" ");
var ts = temp[0].split(":");
$worked.html(ts[1]+":"+ts[2]);
setTimeout(update, 1000);
}
setTimeout(update, 1000);
});
处理此问题的确切方法如下:
- 存储脚本开始的时间
- 在重复调用的函数中获取经过的时间
- 将经过的时间转换为您想要的任何格式并显示它
示例代码:
var initialTime = Date.now();
function checkTime(){
var timeDifference = Date.now() - initialTime;
var formatted = convertTime(timeDifference);
document.getElementById('time').innerHTML = '' + formatted;
}
function convertTime(miliseconds) {
var totalSeconds = Math.floor(miliseconds/1000);
var minutes = Math.floor(totalSeconds/60);
var seconds = totalSeconds - minutes * 60;
return minutes + ':' + seconds;
}
window.setInterval(checkTime, 100);
您可以轻松更改检查时间的粒度(当前设置为 0.1 秒)。此计时器的优点是更新时永远不会不同步。
您可以创建一个函数,该函数在每次调用计数器时递增计数器,将值显示为:计数器/60 分钟,计数器 %60 秒
然后你可以使用 setInterval
函数让 JavaScript 每秒调用你的代码。它不是非常精确,但对于简单的计时器来说已经足够了。
var initialTime = Date.now();
function checkTime(){
var timeDifference = Date.now() - initialTime;
var formatted = convertTime(timeDifference);
document.getElementById('time').innerHTML = '' + formatted;
}
function convertTime(miliseconds) {
var totalSeconds = Math.floor(miliseconds/1000);
var minutes = Math.floor(totalSeconds/60);
var seconds = totalSeconds - minutes * 60;
return minutes + ':' + seconds;
}
window.setInterval(checkTime, 100);
这可能是什么?JavaScript 中的普通计数计时器
它基于 setInterval 方法
setInterval(setTime, 1000);
相关文章:
- 发布后的应用程序在几分钟后停止更新更新面板
- 淡入淡出每隔几秒就会发生变化的图像
- Javascript模糊时间(例如'10分钟前');s精确到几秒钟
- 用于单击页面上的按钮的Javascript,每隔几分钟就会加载一次
- Javascript时钟,落后几分钟
- 在 JavaScript 中将 Unix 时间转换为“几分钟前”
- 在画布上显示字符串仅显示几分之一秒
- 每隔几分钟在页面之间切换一次
- Javascript计时器只有几分钟和几秒钟
- Javascript秒到分钟:秒
- HTML5 -视频播放时每隔几秒触发一次事件
- 使用JavaScript在视频结束前几秒运行一个函数
- 反应-每隔几秒渲染相对时间
- For循环毫秒转换为秒和分钟
- 显示前的几秒延迟:无
- 以小时、秒和分钟计算两个日期之间的剩余时间
- Highcharts线性图表与y轴显示秒和分钟
- 以秒和分钟显示时间计数器
- 使用socket.io每隔几秒以编程方式触发一个事件
- 在每隔几秒播放的动画中添加声音