在网页中插入时间 自动更新
生活随笔
收集整理的這篇文章主要介紹了
在网页中插入时间 自动更新
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>在網頁中插入時間 自動更新</title>
</head>
<body>
<span id="sp_time"></span>
<script type="text/javascript">
setInterval(function(){
var dd = new Date();
var y = dd.getFullYear();
var m = dd.getMonth() + 1;
var d = dd.getDate();
var h = dd.getHours();
var mi = dd.getMinutes();
var s = dd.getSeconds();
var str = y + "年" + m + "月" + d + "日 " + h + ":" + mi + ":" + s + " 星期" + "日一二三四五六".charAt(dd.getDay());
document.getElementById("sp_time").innerHTML = str;
},1000);
</script>
</body>
</html>function show(){var dd = new Date();var y = dd.getFullYear();var m = dd.getMonth() + 1;var d = dd.getDate();var h = dd.getHours();var mi = dd.getMinutes();var s = dd.getSeconds();var str = y + "年" + m + "月" + d + "日 " + h + ":" + mi + ":" + s + " 星期" + "日一二三四五六".charAt(dd.getDay());document.getElementById("sp_time").innerHTML = str;}setInterval(show,1000);
時間:<span id="sp_time"></span>
轉載于:https://www.cnblogs.com/baobeiqi-e/p/9884848.html
總結
以上是生活随笔為你收集整理的在网页中插入时间 自动更新的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【读书笔记】程序员的自我修养总结(七)
- 下一篇: 四种launchMode