如何从<audio>播放器中获取audio.duration并通过单击将其保存到div？

从播放器中获取音频的持续时间并将其保存到div的过程可以通过以下步骤完成：

创建一个HTML页面，包含一个播放器和一个用于显示持续时间的div元素。

<!DOCTYPE html>
<html>
<head>
  <title>获取音频持续时间</title>
</head>
<body>
  <audio id="audioPlayer" src="audio.mp3"></audio>
  <button onclick="saveDuration()">保存持续时间</button>
  <div id="durationDiv"></div>

  <script>
    function saveDuration() {
      var audio = document.getElementById("audioPlayer");
      var duration = audio.duration;
      var durationDiv = document.getElementById("durationDiv");
      durationDiv.innerHTML = "音频持续时间：" + duration + "秒";
    }
  </script>
</body>
</html>

在上述代码中，我们使用<audio>元素来创建一个播放器，并设置src属性为音频文件的URL。我们还创建了一个按钮，当单击按钮时，将调用saveDuration()函数。
在saveDuration()函数中，我们首先通过document.getElementById()方法获取到audioPlayer元素和durationDiv元素。然后，我们使用audio.duration属性获取音频的持续时间，并将其保存到一个变量中。
最后，我们将持续时间显示在durationDiv元素中，通过设置innerHTML属性来修改div的内容。