js获取当前星期时分秒且秒数会跳动

0 159 2023-03-22 19:32:35

js获取当前星期时分秒的倒计时，源码见下方

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>当前星期几、时分秒倒计时</title>
</head>
<body onload="startTime()">
<div id="nowDateTimeSpan"></div>
<script>
function startTime(){   
    var today=new Date();//定义日期对象   
    var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年    
    var MM = today.getMonth()+1;//通过日期对象的getMonth()方法返回年    
    var dd = today.getDate();//通过日期对象的getDate()方法返回年     
    var hh=today.getHours();//通过日期对象的getHours方法返回小时   
    var mm=today.getMinutes();//通过日期对象的getMinutes方法返回分钟   
    var ss=today.getSeconds();//通过日期对象的getSeconds方法返回秒   

    // 小于10在前面加0
    MM=checkTime(MM);
    dd=checkTime(dd);
    mm=checkTime(mm);   
    ss=checkTime(ss);    

    var day;
    if(today.getDay()==0)   day   =   "日" 
    if(today.getDay()==1)   day   =   "一" 
    if(today.getDay()==2)   day   =   "二" 
    if(today.getDay()==3)   day   =   "三" 
    if(today.getDay()==4)   day   =   "四" 
    if(today.getDay()==5)   day   =   "五" 
    if(today.getDay()==6)   day   =   "六" 

    showdata ="<div><span class='ts-cc-number'>" + day + " </span></div>";
    showdata +="<div><span class='ts-cc-number'>" + hh + " </span></div>";
    showdata +="<div><span class='ts-cc-number'>" + mm + " </span></div>";
    showdata +="<div><span class='ts-cc-number'>" + ss + " </span></div>";
    document.getElementById('nowDateTimeSpan').innerHTML=showdata;
    setTimeout('startTime()',1000);//每隔一秒重新加载startTime()方法 
}   
function checkTime(i){   
    if (i<10){
        i="0" + i;
    }   
    return i;
}
</script>
</body>
</html>

这样，我们就得到了一个读秒的当前时间与星期。

本文地址：https://xzo.com.cn/develop/js/1137.html

有帮助，很赞！

信息来源：下载鸥

业务合作

如果您认可我们的分享，有意与我们合作开展帝国cms网站建设与开发业务或插件定制，请联系右侧在线客服。我们能给您的，就是高质量的模板与售后。

版权声明

标注了信息来源为下载鸥的文章皆为原创，如果是转载的优质文章，我们也都标注了出处。如果您喜欢我们的文章，请按照下载鸥所标注的文章出处进行标注，谢谢您的配合。

信息标签

jQuery倒计时

时间

帝国cms灵动标签开发那年今日发布的文章帝国cms查询指定时间段发布的信息如何获取时间？帝国cms自带的年月日时间选择js怎么用? JS获取当前时间、日期、星期并每秒更新一次 JS年月日星期早中午时间代码帝国CMS调用当天发布的信息 JS怎样做距离2020过年倒计时？ jQuery怎样实现动态倒计时效果？帝国cms自动更新相关tag的fclast上次修改时间字段帝国cms显示的发布时间与实际发布时间相差了8小时怎么办？帝国CMS实际发布时间、最后修改时间有何区别如何调用？帝国CMS按照日期调用当日更新信息教程常用MySQL数据库时间函数合集帝国cms怎样用自定义列表/灵动标签调用当天发布的信息？ js怎样判断现在是早上中午还是晚上 php怎样将信息发布日期时间显示为年、日数字月份英文格式？帝国cms灵动标签日期用英文显示的方法 js获取当前星期时分秒且秒数会跳动 mysql判断数据库表里的时间戳是不是今天记录的帝国cms怎样将过期下架产品设为灰色

导出教程下载word版教程

关于前端开发

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

JavaScript十分强大，不管是前端页面开发、视觉动态渲染、数据交互还是后端逻辑处理，都可以通过JS实现。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中。