「JavaScript学習」Javascriptで期限日時までリアルタイムにカウントダウンするサンプルコード
JavaScriptコード:
<!doctype html>
<html>
<head>
<meta charset="UTF-8″>
<title>time</title>
<script src="jquery.js" type="text/javascript"></script>
</head>
<body>
<h1>
<span id="loan_time">0日0時間0分0秒</span>
<input id="hid" type="hidden" value="75255″ />
</h1>
<script>
$(function(){
setLeftTime();
});
function showSeconds() {
var day1 = Math.floor(seconds / (60 * 60 * 24));
var hour = Math.floor((seconds – day1 * 24 * 60 * 60) / 3600);
var minute = Math.floor((seconds – day1 * 24 * 60 * 60 – hour * 3600) / 60);
var second = Math.floor(seconds – day1 * 24 * 60 * 60 – hour * 3600 – minute * 60);
if (day1 < 0) {
clearInterval(timer);
$(“#loan_time").html(“終了しました！");
} else {
$(“#loan_time").html(day1 + " 日 " + hour + “時間" + minute + “分" + second + “秒");
}
seconds–;
}
function setLeftTime() {
seconds = parseInt($(“#hid").val(), 10);
timer = setInterval(showSeconds,1000);
}
</script>
</body>
</html>