js setInterVal()实时显示时间、日期

来源:互联网 发布:数控精雕机编程 编辑:程序博客网 时间:2024/06/04 19:40
<!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 onclick="stopTimer();" style="width:240px;">Stop</button></body></html>
0 0
原创粉丝点击