Introduction

JavaScript廣告漂浮是一種廣告效果，它能夠讓廣告隨著用戶滾動頁面而跟隨移動。這種廣告效果在網站的營銷中非常常見，在很多網站上都可以看到。但是，我們也需要掌握如何停止廣告移動，以避免影響用戶體驗。

The Moving Advertisement

我們經常看到的廣告漂浮效果，是通過JavaScript代碼實現的。以下是一個例子：

<script>
function moveAd() {
var ad = document.getElementById("ad");
ad.style.left = parseInt(ad.style.left) + 5 + "px";
}
setInterval(moveAd, 20);
</script>
<div id="ad" style="position:absolute;left:0;top:0;">
<img src="ad.jpg" />
</div>

以上代碼中，我們通過moveAd()函數移動廣告。使用setInterval()函數調用moveAd()函數，使廣告每隔20毫秒向右移動5個像素。

Stopping the Advertisement

現在，我們來看看如何停止廣告移動。我們可以使用setTimeout()函數為廣告設置一個停止時間，到達指定時間后停止廣告移動。以下是代碼示例：

<script>
var ad = document.getElementById("ad");
function moveAd() {
ad.style.left = parseInt(ad.style.left) + 5 + "px";
setTimeout(moveAd, 20);
}
setTimeout(function() {
clearTimeout(moveAd);
}, 10000); // 停止移動10秒鐘后
</script>

以上代碼中，我們首先獲取廣告的元素，然后在moveAd()函數中使用setTimeout()函數使廣告每隔20毫秒向右移動5個像素。接著，我們使用setTimeout()函數設置廣告的停止時間，也就是停止移動10秒鐘后。通過調用clearTimeout()函數來停止廣告的移動。

Conclusion

JavaScript廣告漂浮是一種增加網站營銷效果的好方法，但是，在實踐中，我們需要掌握如何停止廣告移動。以上給出的代碼示例可以讓我們了解如何在JavaScript中實現停止廣告移動的效果。