在現代web開發中，Javascript（簡稱JS）越來越重要。JS的特點是高度交互式，能夠讓用戶在網頁上進行各種操作。JS不需要后端支持，能夠輕松實現本地應用。本文將介紹一些常見的JS實例。

第一個實例是一個用JS實現的時鐘。這個時鐘每秒鐘更新，根據當前時間喚醒。以下是實現這個時鐘的JS代碼：

function startTime() {
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
m = checkTime(m);
s = checkTime(s);
document.getElementById('clock').innerHTML =
h + ":" + m + ":" + s;
var t = setTimeout(startTime, 1000);
}
function checkTime(i) {
if (i< 10) {i = "0" + i};  // 添加前導零
return i;
}

你需要在頁面上增加一個id為“clock”的元素，并在主函數中添加以下代碼：

這個例子演示了一些JS基礎知識，比如處理日期和時間，以及如何以不斷更新網頁內容的方式實現動態效果。

第二個實例是一個小游戲，讓用戶猜一個隨機數。下面是代碼：

var answer = Math.floor(Math.random() * 100) + 1;  // 獲取0-100之間的隨機數
var guess = prompt("Guess a number between 1 and 100");
while (guess != answer) {
if (guess< answer) {
guess = prompt("Too low! Guess again!");
} else {
guess = prompt("Too high! Guess again!");
}
}
alert("You got it!");

在頁面上添加一個按鈕，當按鈕被按下時，將調用這個函數：

function playGame() {
// 這里放上上述代碼
}

這個例子演示了如何讓用戶與網頁互動，以及如何處理函數返回值（在這里，我們將用戶的猜測作為返回值使游戲可用）。

第三個實例使用JS實現一個本地搜索，搜索所有帶有指定文本的頁。以下是JS代碼：

function search() {
var searchBox = document.getElementById("searchbox");  // 獲取搜索框
var searchText = searchBox.value.toLowerCase();  // 忽略大小寫
var paragraphs = document.getElementsByTagName("p");  // 取得所有段落
for (var i = 0; i< paragraphs.length; i++) {
var current = paragraphs[i].innerHTML.toLowerCase();  // 忽略大小寫
if (current.search(searchText) !== -1) {  // 如果搜索成功
paragraphs[i].style.display = "block";  // 顯示
} else {
paragraphs[i].style.display = "none";  // 隱藏
}
}
}

在頁面上添加一個搜索框，并使用以下代碼來啟動搜索：

這個例子涉及HTML和CSS，還使用一些高級JS知識，例如獲取DOM元素和處理用戶輸入。

本文介紹了三個常見的JS實例，涵蓋了從時鐘到猜謎游戲和本地搜索的各種方面。希望這些實例可以幫助您更好地理解如何利用JS來實現重要的網頁功能。