如何在JavaScript（BOM）环境中编写代码来实现实时动态更新的电子时钟功能，并添加一个可交互的按钮来控制时钟的运行状态？

在JavaScript（Browser Object Model，BOM）环境中，你可以利用`setInterval()`函数来创建一个实时动态更新的电子时钟。以下是一个简单的示例：

// 获取DOM元素用于显示时间
const timeDisplay = document.getElementById('time-display');

// 创建一个函数来获取当前时间和格式化
function getTime() {
  const now = new Date();
  return `${now.getHours()}:${now.getMinutes():<0${now.getSeconds()}}`;
}

// 每秒更新一次时间
setInterval(function() {
  timeDisplay.textContent = getTime();
}, 1000);

// 创建一个可交互的按钮，初始化为停止状态
const toggleButton = document.getElementById('toggle-button');
let isRunning = true;

toggleButton.addEventListener('click', function() {
  if (isRunning) {
    // 如果时钟正在运行，停止它
    clearInterval(timeDisplay setInterval);
    toggleButton.textContent = '启动';
    isRunning = false;
  } else {
    // 否则，重新开始
    timeDisplay setInterval = setInterval(getTime, 1000);
    toggleButton.textContent = '停止';
    isRunning = true;
  }
});

在这个例子中，我们首先获取到需要显示时间的HTML元素和一个控制时钟开关的按钮。然后，我们设置一个定时器每秒执行一次`getTime()`函数，将当前的时间显示出来。点击按钮时，我们会检查时钟的状态：如果正在运行，就清除定时器；如果已暂停，就重新开始。