JS實現即時回饋當前時間功能
- php中世界最好的语言原創
- 2018-04-16 16:57:331671瀏覽
這次帶給大家JS實作即時回饋目前時間功能，JS實作即時回饋目前時間功能的注意事項有哪些，以下就是實戰案例，一起來看一下。
用javascript回饋系統時間
運用知識
JavaScript HTML DOM
HTML DOM 中的setInterval() 方法會不停地呼叫函數，直到 clearInterval() 被呼叫或視窗關閉。由 setInterval() 傳回的 ID 值可用作 clearInterval() 方法的參數。
語法setInterval(code,milliseconds)
code——程式碼（可以為函數）
milliseconds－在此呼叫的時間（毫秒）
因此，我們想讓回饋的系統時間動起來，只需要讓方法沒隔1000毫秒呼叫一次就可以讓顯示的時間像鬧鐘一樣動起來。
setInterval(function(){myTimer()},1000)
new Date()//获得当前时间
.toLocaleTimeString()//根据本地时间把Date对象的时间部分转换为字符串
.getElementById("clock")//返回带有指定 ID 的元素
.innerHTML=c; //将c返回给指定元素
程式碼部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p id="clock"></p>
</body>
<script>
var a = setInterval(function(){myTimer()},1000);
function myTimer(){
var b = new Date();
var c = b.toLocaleTimeString();
document.getElementById("clock").innerHTML=c;
}
</script>
</html>
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
以上是JS實現即時回饋當前時間功能的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：table固定表頭使表單橫向捲動下一篇：table固定表頭使表單橫向捲動