在網頁開發中，時間是一個非常重要的元素，我們可以使用CSS和JavaScript來操縱時間，實現一些有趣的效果。

CSS中，我們使用transition屬性來實現過渡效果，可以將元素的屬性在一定的時間內從一種狀態變化到另一種狀態。例如，我們可以實現一個按鈕變色的效果：

button {
background: blue;
transition: background .5s ease;
}
button:hover {
background: red;
}

在上面的代碼中，我們給button元素設置了一個初始的背景顏色，以及一個過渡的時間和過渡的方式。當用戶把鼠標放在按鈕上時，按鈕的背景顏色會從初始的藍色過渡到紅色。

JavaScript中，我們使用setTimeout和setInterval來操縱時間。setTimeout可以讓我們在一定的時間后執行一段代碼，例如：

setTimeout(function() {
alert("3秒已經過去了！");
}, 3000);

上面的代碼會在頁面加載后等待3秒后彈出一個提示框，告訴用戶時間已經過去了。而setInterval則可以讓我們每隔一定的時間執行一段代碼，例如：

var i = 0;
var interval = setInterval(function() {
i++;
console.log(i);
}, 1000);

上面的代碼會每隔1秒把i的值加1，并且在控制臺輸出i的值。如果我們想停止這個循環，可以使用clearInterval函數：

clearInterval(interval);

以上就是使用CSS和JavaScript操縱時間的一些簡單例子。