单击按钮让div定时器缩放运动

通过JavaScript代码来实现在按钮单击时让一个div元素使用定时器实现缩放运动。首先，我们需要在HTML文档中定义一个div元素和一个按钮，例如：

<div id="myDiv">这是一个div元素</div>
<button onclick="startAnimation()">点击开始动画</button>

然后，在JavaScript代码中编写相关的函数实现动画效果。我们可以使用CSS的transform属性来实现div元素的缩放效果。以下是一种实现方式：

function startAnimation() {
  var div = document.getElementById('myDiv');
  var scale = 1; // 初始缩放比例
  var step = 0.02; // 每次缩放的步长

  // 创建定时器，每隔10毫秒执行一次动画
  var timer = setInterval(function() {
    scale += step; // 更新缩放比例
    div.style.transform = 'scale(' + scale + ')'; // 应用缩放效果

    // 当缩放比例达到某个阈值时停止动画
    if (scale >= 2) {
      clearInterval(timer); // 清除定时器
    }
  }, 10);
}

在上述代码中，startAnimation函数会在按钮单击时被调用。函数内部首先获取到要缩放的div元素，并初始化缩放比例和每次缩放的步长。然后，通过setInterval函数创建一个定时器，每隔10毫秒执行一次动画。在每次定时器的执行函数中，更新缩放比例并应用到div元素的transform属性上，实现缩放效果。当缩放比例达到阈值2时，清除定时器，停止动画。