1. 程式人生 > >Javascrip 入門第三節課

Javascrip 入門第三節課

 一、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>
定時器程式碼示例