2019-05-29 Ready-two 关于js倒计时 和 rem

1.倒计时 天 --时 --分 --秒

 timer=setInterval (function(){
            var start = new Date(); //开始时间
            var end = new Date('2020/5/29,15:27:50'); //结束时间,可以设置时间
            //parseInt()取整
            var result = parseInt((end.getTime() - start.getTime()) / 1000); //计算出豪秒        
            var d = parseInt(result / (24 * 60 * 60)); //用总共的秒数除以1天的秒数
            var h = parseInt(result / (60 * 60) % 24); //精确小时,用去余
            var m = parseInt(result / 60 % 60); //剩余分钟就是用1小时等于60分钟进行趣余
            var s = parseInt(result % 60);
            document.querySelector('#div').innerHTML = '距离结束还有:' + d + '天' + h + '时' + m + '分' + s + '秒';
            console.log( '距离结束还有:' + d + '天' + h + '时' + m + '分' + s + '秒');
            
            
            //当倒计时结束时,改变内容
            if (result <= 0) { 
                clearInterval(timer)  
                document.querySelector('#div').innerHTML = '结束'
            }
        })

2.rem万能代码

(function (doc, win) {
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    if (clientWidth >= 640) {
                        docEl.style.fontSize = '100px';
                    } else {
                        docEl.style.fontSize = 100 * (clientWidth / 750)*2 + 'px';
                    }
                };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);

你可能感兴趣的:(2019-05-29 Ready-two 关于js倒计时 和 rem)