简单易用的倒计时js代码

下面是一份简单易用的倒计时js代码的攻略：

1. 先导入jQuery库

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

2. 创建一个HTML元素作为计数器容器

可以把它放在合适的地方，如下所示:

<div id="timer"></div>

3. 写js代码，实现倒计时效果

<script>
$(document).ready(function() {

    // 设定倒计时的结束时间
    var end = new Date('01/01/2022 00:00 AM');

    // 一秒钟计时一次
    var _second = 1000;

    // 定时器句柄
    var timer;

    // 计算剩余时间差
    function calculate() {
        var now = new Date();
        var diff = end.getTime() - now.getTime();

        // 计算出天数
        var days = Math.floor(diff / (1000 * 60 * 60 * 24));

        // 计算出小时数
        var hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

        // 计算出分钟数
        var minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));

        // 计算出秒数
        var seconds = Math.floor((diff % (1000 * 60)) / 1000);

        // 显示倒计时
        $('#timer').html(days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒 ");
    }

    // 开始倒计时
    function start() {
        calculate();
        timer = setInterval(function() {
            calculate();
        }, _second);
    }

    // 停止倒计时
    function stop() {
        clearInterval(timer);
        // 可根据需要加入其他逻辑
    }

    start();
});
</script>

4. 验证倒计时效果

最后，我们来执行下面这行代码，验证一下倒计时效果是否与预期相符：

<script>console.log(new Date().getFullYear());</script>

当我们打开网页时，就会看到倒计时效果了。同时，在终端上，我们也会看到当前年份的输出。

注意事项：上述代码中的结束时间可以根据实际情况修改；同时，显示的内容也可以根据需要自行修改。如果需要精度更高的计时，可以将代码中的_second变量的值设置为更小的数字。