<div class="daoshu"> <a href="">10:00:00</a> </div>
<script> var date = new Date(); </script>
<h1 id="text"></h1> <script> var toDate; toDate = new Date(); toDate.setDate(toDate.getDate()+1); toDate.setHours(10); // 获取明天上午10点时间戳 toDate = toDate.getTime(); var t = document.getElementById('text'); setInterval(function(){ // 获取现在时间戳 now = new Date().getTime(); t.innerText = "距离明天上午10点,还有" + Math.ceil((toDate - now) / 1000) + "秒"; }, 1000); </script>
如果想要时分秒形式,自己把秒换算一下就行
var attime; function clock() { var time = new Date(); var hour = time.getHours(); var minute = time.getMinutes(); var second = time.getSeconds(); hour = hour > 9 ? hour : "0" + hour; minute = minute > 9 ? minute : "0" + minute; second = second > 9 ? second : "0" + second; attime= hour + ":" + minute + ":" + second; document.getElementById("clock").value = attime; }
我觉得可以把这个字符先转成时间秒,然后递减该数值,显示字符的时候把数字再转成时分秒的格式,其他应该还有更加简单高效的办法
<script> var hours = 10; var minutes = 00; var seconds = 00; var total = hours * 3600 + minutes * 60 + seconds; function countdown() { var a = document.getElementById("countdown"); timestr = lessTen(Math.floor(total / 3600)) + ":" + lessTen(Math.floor(total / 60) % 60) + ":" + lessTen(total % 60); a.innerHTML = timestr; total--; } function lessTen(n){ if (n<10 && n >=0){ return "0" + n; } return n; } setInterval(countdown, 1000); </script>