无名商城论坛

搜索
查看: 243|回复: 0

[其他技术] [冷漠审核]js的动画效果

[复制链接]

1万

主题

1万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
32464
发表于 2022-5-8 17:31:52 | 显示全部楼层 |阅读模式
js常见的电商网站倒计时
       // 1.获取元素
        var hour = document.querySelector('.hour');
        var minute = document.querySelector('.minute');
        var second = document.querySelector('.second');
        var inputDate = +new Date('2020-7-11 21:30:00');
        countDown();

        setInterval(countDown, 1000);

        function countDown(time) {
            var nowDate = +new Date();
            var daoDate = (inputDate - nowDate) / 1000;
            var h = parseInt(daoDate / 60 / 60 % 24) //   计算小时
            h = h < 10 ? '0' + h : h;
            hour.innerHTML = h;
            var m = parseInt(daoDate / 60 % 60); //   计算分数
            m = m < 10 ? '0' + m : m;
            minute.innerHTML = m;
            var s = parseInt(daoDate % 60); //   计算当前秒数
            s = s < 10 ? '0' + s : s;
            second.innerHTML = s;
        }
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表