js 效果显示 时分秒 进行 数秒 主要是逻辑处理

最新推荐文章于 2023-12-28 16:07:14 发布
最新推荐文章于 2023-12-28 16:07:14 发布
阅读量726 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： JQuery 文章标签： function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/javaxiongxing/article/details/7794242
本文介绍了一个使用JavaScript实现的简易定时器功能。通过设置间隔时间，定时器能够更新显示秒、分和小时，达到计时的效果。当秒数、分钟数或小时数到达设定的最大值时，会自动重置为0，实现循环计时的功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

var InterTimeValObj;
var time_id_ss = 0;
var time_id_mm = 0;
var time_id_HH = 0;
//启动
function showTimeControlBegin(){
    time_id_ss = 0;
    time_id_mm = 0;
    time_id_HH = 0;
    $("#time_id_ss").html(checkZero(time_id_ss));
    $("#time_id_mm").html(checkZero(time_id_mm));
    $("#time_id_HH").html(checkZero(time_id_HH));
    InterTimeValObj = window.setInterval(setTimeControl, 10);

}

//停止

function showTimeControlEnd(){
    window.clearInterval(InterTimeValObj);

}

//数秒控制

function setTimeControl(){
    $("#time_id_ss").html(checkZero(time_id_ss));
    if(time_id_ss==59){
        time_id_mm=time_id_mm+1;
        $("#time_id_mm").html(checkZero(time_id_mm));
        time_id_ss=-1;
    }
    if(time_id_mm==59){
        time_id_HH=time_id_HH+1;
        $("#time_id_HH").html(checkZero(time_id_HH));
        time_id_mm=-1;
    }
    if(time_id_HH==24){
        time_id_ss = 0;
        time_id_mm = 0;
        time_id_HH = 0;
        $("#time_id_ss").html(checkZero(time_id_ss));
        $("#time_id_mm").html(checkZero(time_id_mm));
        $("#time_id_HH").html(checkZero(time_id_HH));
    }
    time_id_ss++;

}

//显示十位数控制

function checkZero(num){
    if((num+"").length==2){
        return num;
    }else{
        return "0"+""+num;
    }

}



如下图：






JavaScript 做一个简单的数字时钟（只有时分秒）
Zertuler的专栏
08-12 2428
制作一个很简单的数字时钟（只有时分秒） <style> * { padding: 0; margin: 0; box-sizing: border-box; } body { background: #333; } .clock { width: 450px; hei
js时分秒选择器
05-10
js时分秒选择器，写的还不错的，推荐大家使用
纯js 时间控件,带时分秒(自由分配格式)
02-03
纯js 时间控件,带时分秒(还可以自由分配格式)
JS将秒换成时分秒实现代码
unity3d，unity3d教程下载
09-04 720
function formatSeconds(value) { var theTime = parseInt(value);// 秒 var theTime1 = 0;// 分 var theTime2 = 0;// 小时 // alert(theTime); if(theTime > 60) { theTime1 = parseInt(theTime/60); theTime = parseIn
js 获取指定时间+时间戳展示时分秒
lzfengquan的博客
08-03 1058
明明有可以选择时分秒的操作非不要就要懒省事，必须是一个时间显示成选中的年月日，但是时间格式要给后端传待时分秒的格式，列表展示也要带时分秒。处理为： 选中的时间 + " " + 选中的时间.toTimeString().substr(0, 8);然后就是处理日期拼接。发现我们只要时分秒就可以了。上述封装了一个简单的日期转换，就足够用了。开发中遇见了一个客户比较扯淡的需求。
JS实现获取毫秒值及转换成年月日时分秒的方法
10-18
本篇文章主要探讨如何使用JavaScript获取毫秒值以及将这些毫秒值转换为年月日时分秒的表示。首先，我们可以通过`Date()`对象来创建和操作日期时间。 1. 创建`Date`对象： - 创建方式一：`var date = new Date();` ...
js时间控件时分秒
10-14
总的来说，创建一个JavaScript时间控件，精确到时分秒，需要掌握Date对象的使用，理解DOM操作，编写用户交互逻辑，处理浏览器兼容性问题，并进行详尽的测试。这个过程虽然复杂，但通过不断学习和实践，可以制作出一...
JS日期选择器带时分秒
05-03
"JS日期选择器带时分秒"是指一个能够显示并允许用户选择具体到秒的日期时间选择器。这样的功能在许多Web应用程序中非常实用，比如在线预订系统、日程安排或事件管理等。 在描述中提到的"这个特别好！推荐大家使用这...
JS获取当前时间的年月日时分秒及时间的格式化的方法
10-15
这些知识点对于前端开发人员来说非常重要，无论是在网页上展示当前时间，还是进行基于时间的逻辑处理，都离不开对Date对象的使用。通过上面提供的方法和示例代码，开发者可以灵活地处理和展示时间信息，从而提升用户...
js css3数字时钟时分秒特效代码
03-20
本项目利用JavaScript（简称JS）和层叠样式表（CSS3）技术，实现了数字时钟的时分秒动态显示效果。这个简单的自动获取本地时间的指针时钟代码，既实用又具有一定的视觉吸引力。 首先，我们来看看JS在其中的作用。...
JavaScript 时分秒时间代码(自动补零)
10-29
JavaScript 时分秒时间代码，时间小于10的就补充一个零。
时间处理逻辑，分和秒
jicai520的博客
11-23 279
输入tm=11 输出11:00 输入1输出 01:00 时间处理时分，没有秒 function makeTime(tm) { if(!tm){return ''} //let regTm=/^(?:(?:[0-2][0-3])|(?:[0-1][0-9])):[0-5][0-9]:[0-5][0-9]$/; let regTm=/^(?:(?:[0-...
数字逻辑maxplusIIVDL时钟设计报告含代码（时分秒、闹铃、星期）
后羿的和平鸽
01-18 1681
时分秒电子钟设计报告 设计目的 （1）掌握时分秒电子钟的设计方法 （2）明白时分秒电子钟的组成原理及工作原理 （3）通过综合性实验项目的设计与实现，进一步加深理论教学与实验软硬件平台的实践训练，为设计性实验做好充分准备。 设计目标 （1）准确计时，以数字形式显示时、分、秒的时间。 （2）小时的计时以“23翻0”的形式。 （3）增添显示星期功能。 （4）增添闹钟功能，闹钟时间由使用者自己设置。 按照...
JavaScript显示当前时间，具体到秒
最新发布
wyb_lxy的博客
12-28 519
显示当前时间
2021-02-17
weixin_46840701的博客
02-17 224
钟表（CSS练习6） 效果截图 使用了动画效果及transform，animation属性 代码部分 <!DOCTYPE html> <html lang="ch"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic
js显示时分秒
just_learing的博客
02-22 811
JS 日期时间毫秒值转化成时间，并且分钟显示2位。
weixin_33770878的博客
04-07 1074
Date.prototype.toLocaleString = function() { var M= this.getMinutes();//获取 　　M=M>9?M:"0"+M; //如果分钟小于10,则在前面加0补充为两位数字 return this.getFullYear() + "年" + (this.getMonth() + 1) + "月" + this.g...
javascript秒数转化为时分秒
热门推荐
清晨一场梦
05-08 4万+
js描述转化为时分秒的方法：           function formatSeconds(value) { var secondTime = parseInt(value);// 秒 var minuteTime = 0;// 分 var hourTime = 0;// 小时 if(secondTime &gt; 60)...
JS实现简单的时分秒倒计时代码
u014068602的博客
11-16 3万+
js简单时分秒倒计时 function countTime() { //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var endDate = new Date("20
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值