最简单写一个年月日时分秒星期日历,倒计时时钟

简介:
<div class="timenow"></div>
    function checktime(val) {
                if (val < 10) {
                    val = "0" + val;
                }
                return val
            }
            setInterval(function() {
                var tm = new Date();
                var xqj = "    今天是星期" + "日一二三四五六".charAt(new Date().getDay()); 
                var str = "" + tm.getFullYear() + "年";
                str += (tm.getMonth() + 1) + "月";
                str += tm.getDate() + "日";
                str += checktime(tm.getHours()) + ':';
                str += checktime(tm.getMinutes()) + ':';
                str += checktime(tm.getSeconds())+xqj;
                $(".timenow").text(str);
            }, 1000);

js倒计时代码

<!doctype html>
<html>

    <head>
        <meta charset="utf-8">
        <title>倒计时js代码</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }

            body {
                font-size: 16px;
                text-align: center;
                font-family: arial;
            }

            .time {
                margin-top: 10px;
                border: 1px solid red;
                height: 30px;
                padding: 2px;
                line-height: 30px;
            }
        </style>
    </head>

    <body>
        <div class="time">
            <span id="t_d">00天</span>
            <span id="t_h">00时</span>
            <span id="t_m">00分</span>
            <span id="t_s">00秒</span>
        </div>
        <script>
            setInterval(function() {
                var EndTime = new Date('2017/04/05 00:00:00');
                var NowTime = new Date();
                var t = EndTime.getTime() - NowTime.getTime();
                var d = 0;
                var h = 0;
                var m = 0;
                var s = 0;
                if (t >= 0) {
                    d = Math.floor(t / 1000 / 60 / 60 / 24);
                    h = Math.floor(t / 1000 / 60 / 60 % 24);
                    m = Math.floor(t / 1000 / 60 % 60);
                    s = Math.floor(t / 1000 % 60);
                }
                document.getElementById("t_d").innerHTML = d + "天";
                document.getElementById("t_h").innerHTML = h + "时";
                document.getElementById("t_m").innerHTML = m + "分";
                document.getElementById("t_s").innerHTML = s + "秒";
            }, 10);
        </script>

    </body>

</html>
目录
相关文章
|
7月前
|
缓存 运维 前端开发
|
9月前
|
存储 人工智能 弹性计算
2025年阿里云企业高性能云服务器租用价格与选型详解
随着企业数字化转型,阿里云于2025年推出多款高性能云服务器实例,涵盖计算、通用和内存密集型场景。文章分析了企业选择云服务器的核心要点,包括明确业务需求(如计算密集型任务推荐计算型实例)、性能与架构升级(如第八代实例性能提升20%),以及第九代实例支持AI等高算力需求。同时提供了配置价格参考和成本优化策略,助力企业实现效率与成本的最优平衡。
|
11月前
|
SQL Java 数据库连接
MyBatis-Plus高级用法:最优化持久层开发
MyBatis-Plus 通过简化常见的持久层开发任务,提高了开发效率和代码的可维护性。通过合理使用条件构造器、分页插件、逻辑删除和代码生成器等高级功能,可以进一步优化持久层开发,提升系统性能和稳定性。掌握这些高级用法和最佳实践,有助于开发者构建高效、稳定和可扩展的企业级应用。
660 13
|
数据采集 自然语言处理 API
Python反爬案例——验证码的识别
Python反爬案例——验证码的识别
370 2
客观评价模型与主观DMOS分数拟合的分享与实用性探讨
本文深入探讨了视频质量的主客观评价方法,指出客观评价方法旨在精确描述人眼的主观感受。文章介绍了微帧在日常训练中使用的拟合方法,通过映射函数将客观指标与主观评价DMOS分数进行非线性拟合,以提高评价的准确性、一致性、稳定性和单调性。具体讨论了SSIM、PSNR和VMAF等常见客观指标的拟合公式,并总结了拟合方法在分析质量差异、统一客观指标和指导参数设置方面的实用价值。
|
人工智能 弹性计算 API
通义万相AI绘画创作体验评测
从使用者的角度解读通义万相AI绘画创作方案的优与劣
11504 12
|
XML JSON 搜索推荐
SpringBoot的配置【配置文件、加载顺序、配置原理】(超详细)上
SpringBoot的配置【配置文件、加载顺序、配置原理】(超详细)
SpringBoot的配置【配置文件、加载顺序、配置原理】(超详细)上
|
测试技术 数据库
阿里研究员:测试稳定性三板斧,我怎么用?
如何治理测试稳定性问题?很多人会说:环境、流程管控、监控、工具化、加机器、专人负责、等等。这些都是对的。不过这些都是解决方案层面的,而不是方法论和理论体系层面的。今天,阿里研究员郑子颖来说说测试稳定性的三板斧。据说,阿里同学们都非常认同这三板斧,看完文章感觉很多做的事情有了理论基础。
2859 0
|
人工智能 Linux Anolis
线上观看超 2 万,40+厂商齐聚!龙蜥社区走进 Arm MeetUp 精彩回顾来了
龙蜥社区走进 Arm MeetUp 精彩回顾来了,附课件获取方式。
|
Docker 容器
Harbor v2.3.2安装启动报错解决:Creating network “harbor_harbor“ with th..
Harbor v2.3.2安装启动报错解决:Creating network “harbor_harbor“ with th..
394 0