现在的时间距离本月月底的倒计时

<!DOCTYPE html>

<head>

<title>现在的时间距离本月月底的倒计时</title>

</head>

<body>

<span class="time-hei time-hei1">00</span> 天

<span class="time-hei time-hei2">00</span> 小时

<span class="time-hei time-hei3">00</span> 分

<span class="time-hei time-hei4">00</span> 秒

</div>

function getDays() {

//1 . 获取本月的天数

var date = new Date();

var year = date.getFullYear();

var mouth = date.getMonth() + 1;

var days;

if (mouth == 2) {

days = year % 4 == 0 ? 29 : 28;

} else if (mouth == 1 || mouth == 3 || mouth == 5 || mouth == 7 || mouth == 8 || mouth == 10 || mouth == 12) {

days = 31;

} else {

days = 30;

}

// 2.本月的天数 - 用本月已经过去的时间（天数小时分钟秒数）

var myDate = new Date().getDate();

var hours = new Date().getHours();

var min = new Date().getMinutes();

var second = new Date().getSeconds();

var Milliseconds = new Date().getMilliseconds();

var differenceday = days - myDate - 1; //天数相减

differenceday = differenceday > 9 ? differenceday : "0" + differenceday;

var differencehours = 1 * 23 - hours; //小时相减

differencehours = differencehours > 9 ? differencehours : "0" + differencehours;

var differencemin = 1 * 59 - min; //分钟相减

differencemin = differencemin > 9 ? differencemin : "0" + differencemin;

var differencesecond = 1 * 59 - second; //秒数相减

differencesecond = differencesecond > 9 ? differencesecond : "0" + differencesecond;

//渲染到页面上

var timer = document.getElementById('timer');

var span = timer.getElementsByTagName('span');

span[0].innerHTML = differenceday;

span[1].innerHTML = differencehours;

span[2].innerHTML = differencemin;

span[3].innerHTML = differencesecond;

};

//倒计时

var timer = window.setInterval(function() {

getDays();

}, 1000);

</script>

</body>

</html>