新年快到了，一个简单的倒计时新年

最新推荐文章于 2024-09-29 11:44:53 发布
最新推荐文章于 2024-09-29 11:44:53 发布
阅读量205 收藏
点赞数 1
文章标签： vscode html javascript css web3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_74864959/article/details/128360362
版权

距离新年也没有几天了，作为一个新人，写了一个简简单单的倒计时，给一个参考，如果实在看不懂可以私信问我，不收费，github已公开网站哦～网站预览

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>新年快乐</title>

</head>

<body>

    <div>

    <div style="

    background-color: #ffffff;

    text-align:center;

    padding: 40px;

    ">

        <img src="灯笼.jpg" alt=灯笼 width="100px" height="100px" />

    </div>

    <div>

        <div style="

        background-color: #e00f0fd2;

        text-align:center;

        padding: 1px;

        font-size: 15px;

    ">

            <p>前言：</p>

            <p>欢迎来到这里，客人！</p>

            <P>在这新的一年里祝你开心</P>

            <p>在2022年12月7日的新10条我们终于迎来了这个“新春节”！</p>

            <p>答应我一定不要当小“阳”人哦~~</p>

        </div>

        <div>

            <div style="

    background-color: #ff1010d2;

    text-align:center;

    padding: 1px;

    font-size: 14px;

">

                <div>

                    <h3 id="title-1">

                        <div class="text" style=" text-align:center;font-size: 19px;">距离春节2023年1月22日 星期日 剩余：<img>

                        </div>

                        <div class="text" style=" text-align:center;">

                            <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 type="text/javascript">

                            function getRTime() {

                                var EndTime = new Date('2023/01/21 00:00:00'); //截止时间

                                var NowTime = new Date();

                                var t = EndTime.getTime() - NowTime.getTime();

                                var d = Math.floor(t / 1000 / 60 / 60 / 24);

                                var h = Math.floor(t / 1000 / 60 / 60 % 24);

                                var m = Math.floor(t / 1000 / 60 % 60);

                                var 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 + " 秒";

                            }

                            setInterval(getRTime, 1000);

                        </script>

                    </div>

                    <div>

                        <body οnlοad="showtime()">

                            <div id="shijian"></div>

                            <SCRIPT LANGVAGE="javascript">

                                function showtime() {

                                    var today = new Date();

                                    var nian = today.getFullYear();

                                    var yue = today.getMonth() + 1;

                                    var ri = today.getDate();

                                    var day;

                                    var shi = today.getHours();

                                    var fen = today.getMinutes();

                                    var miao = today.getSeconds();

                                    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 = "星期六";

                                    if (shi < 10) shi = "0" + shi;

                                    if (fen < 10) fen = "0" + fen;

                                    if (miao < 10) miao = "0" + miao;

                                    document.getElementById("shijian").innerHTML = "<h2>今天是:" + nian + "年" + yue + "月" + ri + " 日 " + day + "<br>" + "现在时刻:" + shi + ":" + fen + ":" + miao + "</h2 >";

                                    setTimeout(showtime, 1000);

                                }

                            </SCRIPT>

                        </body>

                    </div>

                    <div>

                        <div style="

        background-color: #e3e3e3d2;

        text-align:center;

        font-size: 16px;

    ">

         <p>版权所有：抉择</p>

        <a href="https://space.bilibili.com/1437631040?spm_id_from=333.1007.0.">我的bilibili</a>

        </div>

    <div>

    <div style="

    background-color: #e87d7d;

    text-align:center;

    padding: 1px;

    font-size: 15px;

    "><p>本网站与GitHub托管</p>

    </div>

</body>

</html>

这就是全部源代码，感谢您的观看

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ChoiceFz
关注
网上超级火的过年除夕倒计时，纯HTML源码，数据信息皆可以修改，今天免费分享给大家，供大家学习娱乐
秃头的博客
12-29 2万+
点击文章下面超链接，即可免费下载，源码以及文件素材，无需积分，关注后即可下载 记得关注，只有关注后才可以下载！！！ 效果图：钟表以及时间文字显示会自动根据打开网页的时间，显示时间；无需自己修改，弹幕和文字皆可以修改；背景是渐变色彩，可根据自己的需要在源码中修改即可，除了主要功能是HTML意外，还有CSS、JS等源码，就算没有编程工具，电脑没有任何编程配置，只需要打开文件，鼠标双击运行index即可，会自动跳到系统默认浏览器内，就算毫无编程基础、英语小白页可以娱乐； 本源码意在学习与娱乐，未经授权！！禁止商用
用js制作一个新年倒计时
weixin_74809131的博客
12-04 1259
用js制作一个新年倒计时
800行代码实现春节倒计时与烟花祝福
知心宝贝的博客
01-29 7287
一、前言 春节就快要到了，希望你2022年，如虎添翼万事圆！吉祥如意平安年，开心快乐幸福年，喜气冲天幸运年，财源滚滚发财年，万事大吉顺心年，美满团圆喜庆年，愿君新年事事顺利，岁岁平安，年年如意！ 二、效果展示 1.春节计时 2.虎年摆件 两个虎年动态摆件，左边是大吉大利，右边是心想事成。 3.背景音乐 背景音乐是李谷一老师的难忘今宵，点击右上角按钮即可以播放音乐 4.全局效果 5.烟花祝福 点击底部的提前观看烟花就会跳转新的...
尚硅谷html练习-背景重复
weixin_58264104的博客
07-13 430
尚硅谷html练习-背景重复
用 JavaScript 写一个新年倒计时
weixin_62897746的博客
01-15 1万+
在春节即将到来，钟声即将响起，焰火即将燃起的日子里，本篇文章带着祝福先送去给你。愿你在新的一年里好事临门，平步青云，万事如意。预祝春节快乐！ 马上就要过年了，时间过的真快啊！ 下面我将分享一个我们中国人的传统节日——春节的倒计时。
使用css3实现一个超浪漫的新年倒计时
xingyu_qie的专栏
12-21 4071
希望伴随着倒计时，2022年一切的不如意都早点烟消云散，但不管未来的2023年会怎么样，我们也应该勇敢的冲上去，哪怕失败了，至少我们冲过。
用Python写一个新年倒计时
热门推荐
huilu005的博客
12-14 2万+
但是现在越来越多的人反应过年没年味了，回家就是吃饭、睡觉，感觉不到喜庆的气氛,现在有人把诋毁中国的传统文化当成了他们上升的一种资本，上坟不让烧纸，过年不让放鞭，端午不让赛龙舟，正月十五，再也看不到成串的灯笼，一个连自己传统文化都不能保存，的民族是可悲的，因为他们否定了他们祖宗留下来的一切，强烈要求，烟花爆竹解禁，不要以什么环保来说事，中国烟花爆竹已经几千年了，环保从来没有事，满地跑的汽车才几十年，环保就有事儿，强烈要求解禁烟花爆竹。我去这么多，还好CSDN可以直接复制粘贴省下来了好多时间，太棒了！
android开发倒计时新年快乐,JavaScript实现新年倒计时效果
weixin_39631316的博客
05-26 189
本文实例为大家分享了js实现新年倒计时展示的具体代码，供大家参考，具体内容如下新年倒计时距离新的一年还有 function FreshTime(){var endtime=new Date("2017/1/28,00:00:00");//结束时间var nowtime = new Date();//当前时间var lefttime= parseInt((endtime.getTime()-nowt...
JS新年倒计时
不迁怒，不贰过。小知识，大智慧。
12-11 1万+
JS新年倒计时
2023年新年倒计时HTML源代码，2023年春节倒计时代码
11-10
总的来说，这个压缩包提供了一个完整的2023年新年和春节倒计时解决方案，用户只需下载并运行`index.html`，就能在自己的网站上展示一个富有节日气氛的倒计时。这不仅展示了前端开发的基本技术，也体现了节日元素与...
2023年新年倒计时html源码
12-11
在`<body>`部分，我们可以使用`<div>`元素创建一个倒计时计时器的容器。计时器的显示通常包括年、月、日、小时、分钟和秒。这些数据可以通过JavaScript动态获取和更新。JavaScript是与HTML和CSS紧密配合的脚本语言，...
新年倒计时.zip
06-03
新年倒计时.zip是一个压缩包，包含了用于创建新年倒计时模板的相关文件。这个模板设计独特，不仅展示了剩余的天数、小时数、分钟数和秒数，还增添了一个生动的下雪特效，为节日氛围增添了更多的趣味性。在本文中，...
新年倒计时&元旦倒计时源代码合集
01-20
2. **循环和计时**：为了实现倒计时，你需要一个循环结构，例如for或while循环，持续检查当前时间是否接近目标时间。每次循环迭代时，你可能会使用`sleep`函数（如C++的`std::this_thread::sleep_for`或Python的`...
元旦倒计时代码，23年新年倒计时
12-22
在`<body>`部分，创建了一个`<main>`元素，包含一个倒计时的标题`<h1>`和一个`<div>`，用于展示倒计时的具体数值。`<div>`内有四个`<p>`元素，分别表示天数、小时数、分钟数和秒数。每个数字后面都跟随一个`<p>`元素...
解决VsCode不显示环境名称
Blue&boke
09-26 314
按下组合键Windows + R以打开运行窗口。在VSCODE终端中激活运行的conda环境，但是只显示PS，并不显示环境名称。从普通模式转至管理员模式，输入以下PowerShell命令然后按下回车键。方式1：在Cortana搜索栏中打开带管理员权限的PowerShell。Windows PowerShell会以当前用户的权限去执行。在Windows 10的任务栏搜索框输入powershell。方式2：使用运行窗口打开带管理员权限的PowerShell。解决方法：以管理员权限打开PowerShell。
7.使用 VSCode 过程中的英语积累 - Terminal 菜单（每一次重点积累 5 个单词）
weixin_52173250的博客
09-27 382
学习可以不局限于传统的书籍和课堂，各种生活的元素也都可以做为我们的学习对象，本文将利用 VSCode 页面上的各种英文元素来做英语的积累
VSCODE驯服日记（三）：配置C++环境
最新发布
敲代码的狸花猫
09-29 340
注意与gdb和lldb的区别。
vscode【实用插件】Project Manager 项目管理
朝阳39的博客
09-26 283
在 vscode 插件市场的搜索点安装安装成功后，vscode 左侧栏会出现。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值