html自动触发时间,JS时分秒计算,每秒自动执行,支持开始及清除

HTML代码:通话时间: 00:00:00

JS代码:var secondIndex = 0; // 初始值

var callTimesInter; // 定时器

times = {

/**

* 时分秒换算函数

* @param {Object} value 秒

*/

formatSeconds: function(value){

var secondTime = parseInt(value); // 秒

var minuteTime = 0; // 分

var hourTime = 0; // 小时

if(secondTime > 60) {

minuteTime = parseInt(secondTime / 60);

secondTime = parseInt(secondTime % 60);

if(minuteTime > 60) {

hourTime = parseInt(minuteTime / 60);

minuteTime = parseInt(minuteTime % 60);

}

}

var secondTimes = (parseInt(secondTime) < 10 ? "0" + parseInt(secondTime) : parseInt(secondTime));

var result = "00:00:" + secondTimes;

if(minuteTime > 0){

var minuteTimes = (parseInt(minuteTime) < 10 ? "0" + parseInt(minuteTime) : parseInt(minuteTime));

result = "00:" + minuteTimes + ":" + secondTimes;

}

if(hourTime > 0){

var hourTimes = (parseInt(hourTime) < 10 ? "0" + parseInt(hourTime) : parseInt(hourTime));

result = hourTimes + ":" + minuteTimes + ":" + secondTimes;

}

return result;

},

// 通话时间初始化

callTimeLoad: function(flag){

if(flag){

callTimesInter = setInterval(function(){

secondIndex++;

let time = times.formatSeconds(secondIndex);

$("#callTime").text(time);

}, 1000);

}else{

clearInterval(callTimesInter);

secondIndex = 1;

}

},

}

函数调用:times.callTimeLoad(true); // 开始时间计算

times.callTimeLoad(false); // 结束时间计算

效果截图:

13d95983f05c0dc791b1c87239363e4e.gif

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值