JavaScript時鐘代碼小分析
阿新 • • 發佈:2018-02-21
back str pin onload 一個 string rip document eight
想必大家都會寫個JavaScript時鐘代碼,我今天就寫個小例子:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript時鐘小實例</title> <style> div{ width:200px; height:100px; border-radius:50px; background-color:Pink; } p{ font-weight:bolder; color:Purple; text-align:center; position:relative; top:40px; } </style> <script> window.onload = function myFunction() { var time=document.getElementById("time"); var n=new Date(); time.innerHTML = n.toLocaleTimeString(); setTimeout(myFunction,1000); }; </script> </head> <body> <div> <p id="time"></p> </div> </body> </html>
大家看到javascript代碼塊,我做個解釋
window.onload//待網頁加載完後運行js代碼。
var n=new Date(); //創建一個新日期
n.toLocaleTimeString();//將日期轉化為字符串
setTimeout(myFunction,1000);//每1000毫秒=1秒 運行一次myFunction()函數裏的代碼
function myFunction(){ return 5; } var a=myFunction var b=myFunction(); document.write(a); document.write(b); //大家可以試試以上代碼,a與b是不同的
JavaScript時鐘代碼小分析