Javascrip 入門第三節課
阿新 • • 發佈:2018-12-24
一、location物件
location.href 獲取URL
location.href="URL" // 跳轉到指定頁面
location.reload() 重新載入頁面
二、強彈出框
alert('輸入資訊')
alert("你看到了嗎?");
三、輸入提示框
prompt("提示語“) //彈出輸入框
四、計時器相關的函式
setTimeout('js語句',毫秒) #過多少毫秒後執行前面的語句;
clearTimeout(setTimeout_variable) //引數為延時的變數名,取消延時設定
ID=setInterval("JS語句",時間間隔) ;//設定延時執行的程式
clearInterval(ID); //取消延時執行的程式
function foo() { for (let i=0;i<10;i++) { console.log(i); } } setTimeout(foo,1000)
定時器例項
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"定時器程式碼示例> <title>計時器</title> <script type="text/javascript"> function timer(){ var date=new Date(); console.log(date); ret=document.getElementById('delay') ret.value=date; } var ID; function start_timer(){/*判斷定時器是否已經啟動,如果啟動,重複按無效*/ if (ID==undefined) { timer(); ID=setInterval(timer,1000); } } function end_timer(){ clearInterval(ID); //計時停止後,我們需要將ID的值還原為undefined,否則點選start無效 ID=undefined; } </script> </head> <body> <input type="text" name="delaytime" id='delay' class="c1"> <button onclick='start_timer()'>start</button><button onclick="end_timer()">end</button> </body> </html>