用jquery實現鐘錶功能
阿新 • • 發佈：2018-12-19
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>時間</title> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <button id="time">顯示時間</button><br /> <h1 id="h"></h1> <script type="text/javascript"> //點擊出現<h1>,再點選隱藏 $("#time").click(function(){ t(); var div=document.getElementById("h"); var x=div.style.display; //利用display屬性判定，實現點擊出現再點選取消功能 if(x=='none'){ div.style.display="block"; }else{ div.style.display="none"; } }) function t(){ // var mydate=new Date(); var time = mydate.toLocaleString(); var h1=$("#h"); h1.html("<span style='color:red'>" + time + "</span>"); //注意一定要在方法裡面呼叫setTimeout方法，設定每隔1000ms重新整理一次 setTimeout(t,1000); } </script> </body> </html>
