web点击按钮在文本框中显示自动走动的时间代码

你需要使用JavaScript来实现这个功能。你可以在HTML中添加一个按钮和一个文本框，然后在JavaScript中编写代码来实现。

以下是一个例子：

HTML代码：

<button onclick="showTime()">显示时间</button>
<input type="text" id="time">

JavaScript代码：

function showTime() {
    var time = new Date();
    var hours = time.getHours();
    var minutes = time.getMinutes();
    var seconds = time.getSeconds();
    var ampm = hours >= 12 ? 'PM' : 'AM';

    // 将小时转换为12小时制
    hours = hours % 12;
    hours = hours ? hours : 12;

    // 添加前导零
    hours = hours < 10 ? '0' + hours : hours;
    minutes = minutes < 10 ? '0' + minutes : minutes;
    seconds = seconds < 10 ? '0' + seconds : seconds;

    // 将时间显示在文本框中
    document.getElementById('time').value = hours + ':' + minutes + ':' + seconds + ' ' + ampm;

    // 每秒钟更新一次时间
    setTimeout(showTime, 1000);
}

在这个例子中，`showTime()` 函数会获取当前时间，并将其显示在文本框中。然后，使用 `setTimeout()` 函数每秒钟更新一次时间。当用户点击按钮时，`showTime()` 函数会被调用。