简易新年倒计时的js部分

最新推荐文章于 2023-01-15 17:07:17 发布

cjjjg123

最新推荐文章于 2023-01-15 17:07:17 发布

阅读量656

点赞数

文章标签： javascript 前端 css

本文链接：https://blog.csdn.net/cjjjg123/article/details/128179383

版权

博主分享了在学习JavaScript过程中制作的简易新年倒计时的JS代码，尽管成品简单，仅实现动态显示距新年时间。未来计划复习HTML和CSS以优化此功能。JS学习笔记将整理后于次日上传至CSDN社区。

摘要由CSDN通过智能技术生成

因为前面HTML和CSS学的不扎实，在学习JS的过程中前面的一些知识点已经有所遗忘了，所以这里是我参考GitHub中所给代码完成的简易新年倒计时的js部分。代码如下：

<!DOCTYPE html>
<html lang="en">
<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>Document</title>
</head>
<body>
    <script>
    window.onload = function () {//加载
    var child = document.querySelector(".child");//用选择器获取函数
    var date = new Date("2023-01-21");//新年时间
    var futureTime = date.getTime();//获取新年时间的毫秒数
    var xin = setInterval(function () {//定时器
        var today = new Date();//当前时间
        var todayTime = today.getTime();
        var cha = futureTime - todayTime;//时间差
        var sec = parseInt(