使用客户端/服务器模型,将部分代码放在客户端,部分代码放在服务器上。例如,如果你想在网页中显示一个动态的时间,你可以在客户端使用JavaScript实现时间的更新,而不是在服务器上插入所有的JavaScript代码。以下是一个使用jQuery库实现的例子:
HTML代码:
Demo
Current Time:
JavaScript代码(demo.js):
$(document).ready(function() {
updateTime(); // 更新时间
function updateTime() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
var formatted = hours + ":" + minutes + ":" + seconds;
$("#time").text(formatted); // 将格式化的时间显示在页面上
setTimeout(updateTime, 1000); // 设置一个定时器,每秒更新一次时间
}
});