JS----时间工具类

1.获取当前时间格式如下:  2020年04月08日 22:10:40 星期三

    <script>
function getData() {
            var arr = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]
            var d = new Date();
            var date = d.getFullYear() + '年' + toTwo(d.getMonth() + 1) + '月' + d.getDate() + '日 ' + d.getHours() + ':' + d.getMinutes() + ":";
            date += d.getSeconds() + ' ' + arr[d.getDay()]
            return date;
        }

//判断时间是否大于10 不大于前面加O

function toTwo(v) {
            return v < 10 ? '0' + v : v;
        }

    </script>

2.倒计时功能

<body>
    <h1>
        距离<span id='time'></span>
        还有<span id="days"></span>
        天 <span id="hours"></span>
        时 <span id="minutes"></span>
        分 <span id="seconds"></span>
        秒
    </h1>

 <script>
        var t = document.getElementById('time');
        var d = document.getElementById("days");
        var h = document.getElementById("hours");
        var m = document.getElementById("minutes");
        var s = document.getElementById("seconds");

  function countdown(time) {
            var startTime = new Date();
            var endTime = new Date(time);
            var diff = startTime.getTime() - endTime.getTime();
            diff = parseInt(diff / 1000);
            var days = parseInt(diff / (24 * 3600));//计算天
            var hours = parseInt(diff % (24 * 3600) / 3600);//计算时
            var minutes = parseInt(diff % 3600 / 60);//计算分
            var seconds = diff % 60;//计算秒
            console.log(hours)
            t.innerHTML = time;
            d.innerHTML = days;
            h.innerHTML = hours;
            m.innerHTML = minutes;
            s.innerHTML = seconds;
        }
        var timer = setInterval(function () {
            countdown('2020/4/9');
            //关闭定时器
            // clearInterval(timer)
        }, 1000)
  </script>

</body>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章