<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js setInterVal()實時顯示時間、日期</title>
<script>
window.onload = displayDate;
function displayDate(){
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
month = ((month < 10)?"0":"") + month;
var day = date.getDate();
day = ((day < 10)?"0":"") + day;
var hours = date.getHours();
hours = ((hours < 10)?"0":"") + hours;
var minutes = date.getMinutes();
minutes = ((minutes < 10)?"0":"") + minutes;
var seconds = date.getSeconds();
seconds = ((seconds<10)?"0":"") + seconds;
var a = new Array("日","一","二","三","四","五","六");
var day1 = date.getDay();
day1 = "星期" + a[day1];
var currenttime = year + "年" + month + "月" + day + "日 " + hours + ":" + minutes + ":" + seconds + " " + day1;
document.getElementById("demo").innerHTML = currenttime;
}
var timer = window.setInterval(displayDate,1000);
function stopTimer(){
window.clearInterval(timer);
}
</script>
</head>
<body>
<p id="demo"></p>
<button οnclick="stopTimer();" style="width:240px;">Stop</button>
</body>
</html>js setInterVal()實時顯示時間、日期
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
用Ajax 提交表單數據 serialize() 並且校驗數據
表單提交數據 表單提交數據有集中方式,比如說下面的表單: <form class="container"> <div class="row"> <div class="col-25"><
Javascript的字面量對象以及如何拆解字面量對象
簡單的說，字面量對象提供了一直非常方便構建新對象的方式，它的格式非常簡單且容易閱讀。是大多數前端程序員在構建對象時比較推崇的一種方式。 格式： var person = { name : "ziv",