Javascript是一種強大的編程語言，被廣泛應用于Web開發中。通過Javascript，Web開發人員可以實現動態的頁面效果，增強用戶體驗。實際上，Javascript的應用領域還包括服務器端編程、跨平臺開發等等。這些應用領域中，Javascript的在線演示功不可沒。

Javascript的在線演示可以幫助開發人員更好地學習和理解這門編程語言。這些演示可以直接在瀏覽器中運行，供用戶觀看和測試。

下面，舉兩個Javascript在線演示的例子：

var button = document.querySelector('button');
var output = document.querySelector('p');
button.addEventListener('click', function() {
var start = new Date().getTime();
for (var i = 0; i< 1e9; i++) {
if (new Date().getTime() - start >1000) {
break;
}
}
output.textContent = 'Looped for ' + i + ' iterations.';
});

上述Javascript代碼實現了一個簡單的計時器。當用戶點擊按鈕時，代碼會在瀏覽器中運行，循環1e9次（即10億次），并在1秒鐘后停止循環。循環結束后，把循環次數輸出到頁面的p標簽中。用戶可以觀察到代碼在瀏覽器中的運行過程并測試代碼性能。

var images = [
'images/lazy-load/1.jpg',
'images/lazy-load/3.jpg',
'images/lazy-load/2.jpg',
'images/lazy-load/4.jpg',
'images/lazy-load/5.jpg',
'images/lazy-load/6.jpg',
'images/lazy-load/7.jpg',
'images/lazy-load/8.jpg',
'images/lazy-load/9.jpg',
'images/lazy-load/10.jpg'
];
var count = 0;
function loadImages() {
// load an image
var img = new Image();
img.onload = function() {
count++;
if (count< images.length) {
loadImages();
}
};
img.src = images[count];
}
loadImages();

上述Javascript代碼實現了一種圖片懶加載的方式。在Web頁面中，圖片懶加載可以提高頁面的加載速度，讓用戶獲得更好的用戶體驗。在這份代碼中，我們定義了一個images數組，其中包含了10張圖片的地址。然后我們使用了遞歸的方式，在頁面加載時依次加載這些圖片。

這兩個Javascript在線演示的例子都非常有用，可以幫助開發人員更好地學習和理解Javascript這門編程語言。