當前位置:名人名言大全網 - 短信平臺 - 如何寫壹個html網頁,實現離月底還有**天,離年中還有**天,離年底還有**天,要求根據當前時間自動計算?

如何寫壹個html網頁,實現離月底還有**天,離年中還有**天,離年底還有**天,要求根據當前時間自動計算?

簡單js的倒計時

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>無標題文檔</title>

<style>

#s1 { font-size: 60px; font-weight: bold; }

</style>

</head>

<body>

<span id="s1"></span>

</body>

</html>

<script>

window.onload=function(){

var oSpan = document.getElementById('s1');

var nDate = new Date('sep 8,2014');//修改需要倒計時的時間

showTime();

setInterval(showTime,1000);

function showTime(){

var oDate = new Date();//獲取當地顯示器的時間

var time = Math.floor( (nDate - oDate) / 1000 );

var d = Math.floor( time / 86400 );

var h = Math.floor( time % 86400 / 3600 );

var m = Math.floor( time % 86400 % 3600 / 60 );

var s = time % 60;

oSpan.innerHTML = "距離2014年中秋節還有:<br />" +

d + '天'+h+'時'+m+'分'+s+'秒';

}

};

</script>