js时间戳+定时器简单实现倒计时

古城微笑少年丶 2023-02-17 03:21 21阅读 0赞

利用时间戳+定时器实现的倒计时小例子。仅实现到天。为了偷懒页面极为简陋，效果是可以实现的。

<p></p>

<script>
    var p = document.getElementsByTagName('p')[0];
            function countDown(argument) {
                setInterval(function () {
                    var date = new Date();
                    var timess = date.getTime();
                    var future = Date.parse(argument);
                    //毫秒数之差
                    var ms = future - timess;
                    //天数
                    var day = add0(Math.floor(ms / 86400000));
                    //小时数
                    var hours = add0(Math.floor(ms / 3600000 % 24));
                    //分钟数
                    var minute = add0(Math.floor(ms / 60000 % 60));
                    //秒数
                    var seconds = add0(Math.floor(ms / 1000 % 60));
                   //小于十补0
                    function add0(time) {
                        if (time < 10) {
                            return time = '0' + time;
                        } else {
                            return time = time
                        }
                    }
                    p.innerHTML = '还剩' + day + '天' + hours + '小时' + minute + '分钟' + seconds + '秒';
                }, 1000)
            }
            countDown('2020-07-12');
             </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS使用定时器实现倒计时

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

男娘i/ 2023年07月03日 07:16/ 0 赞/ 33 阅读

相关 js时间戳+定时器简单实现倒计时

利用时间戳+定时器实现的倒计时小例子。仅实现到天。为了偷懒页面极为简陋，效果是可以实现的。 <p></p> <script> var p = doc

古城微笑少年丶/ 2023年02月17日 03:21/ 0 赞/ 22 阅读

相关简单js代码实现教师节倒计时

![彩旗分割线][ee41d148b37769e8c80d6afd8e809df4.png] 教师节快乐 ![f98879774b1789905bdd698

骑猪看日落/ 2022年12月05日 15:13/ 0 赞/ 301 阅读

相关 js 天数倒计时时间倒计时

export function getOverTimeDown(endDateStr: string, outValue?: { value: string }, fn

àì夳堔傛蜴生んèń/ 2022年09月11日 12:10/ 0 赞/ 337 阅读

相关时间戳倒计时

var defaultTimeStamp = Math.floor(Date.now()/1000); var dayA = defaultTi

￡神魔★判官ぃ/ 2022年05月23日 13:41/ 0 赞/ 277 阅读

相关 JS时间倒计时

[JS时间倒计时][JS] HTML <div class="con"> <div class="time">

逃离我推掉我的手/ 2022年04月24日 04:44/ 0 赞/ 270 阅读

相关 js时间倒计时实现

<li id="time" style="display: none">3:00</li> $(function () {

青旅半醒/ 2022年04月22日 04:28/ 0 赞/ 362 阅读

相关 js简单倒计时

涉及的知识点 setTime() setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 1.提示： 1000 毫秒= 1 秒。 2.提示

冷不防/ 2022年04月22日 00:52/ 0 赞/ 313 阅读

相关 js简单倒计时

不想每次用倒计时，都现写代码，比较烦，这里记一下，也顺便分享一些倒计时简单的逻辑。如果你有更简单方便的代码，可以分享给大家。 var method = {

忘是亡心i/ 2022年04月04日 20:27/ 0 赞/ 328 阅读

相关微信小程序时间戳转时间，时间转时间戳，活动倒计时，清除定时器

1.时间转时间戳 dataTime(){ //获取当前时间戳 var timestamp = Date.parse(new Date(

短命女/ 2021年07月24日 14:12/ 0 赞/ 745 阅读