js图片滚动显示五张，鼠标指向图片暂停滚动，显示每秒变化的日期和时间

可以使用JavaScript实现图片滚动显示五张，同时在页面上显示每秒变化的日期和时间。以下是一种实现方式：

首先，在HTML中创建一个包含图片和日期时间的容器：

<div class="image-container">
  <img src="image1.jpg">
  <img src="image2.jpg">
  <img src="image3.jpg">
  <img src="image4.jpg">
  <img src="image5.jpg">
  <div class="datetime"></div>
</div>

然后，在CSS中定义容器的样式，包括高度、宽度、溢出隐藏等：

.image-container {
  height: 300px;
  width: 500px;
  overflow: hidden;
  position: relative;
}

接下来，在JavaScript中实现图片滚动和日期时间显示的功能。首先获取图片容器和所有的图片元素：

var container = document.querySelector('.image-container');
var images = container.querySelectorAll('img');

然后定义一个计数器变量来记录当前显示的图片索引，初始值为0：

var currentIndex = 0;

接下来，使用setInterval函数来定时切换图片。在每个定时周期内，将当前显示的图片隐藏，然后显示下一张图片。如果当前已经是最后一张图片，则将计数器重置为0，重新从第一张开始显示。以下是示例代码：

setInterval(function() {
  images[currentIndex].classList.remove('active');
  currentIndex++;
  if (currentIndex === images.length) {
    currentIndex = 0;
  }
  images[currentIndex].classList.add('active');
}, 3000);

在上述代码中，setInterval函数每隔3秒执行一次匿名函数。每次执行时，将当前显示的图片隐藏，然后显示下一张图片。如果当前已经是最后一张图片，则将计数器重置为0，重新从第一张开始显示。通过给当前显示的图片添加一个"active"类来实现显示和隐藏。

接下来，在JavaScript中实现日期时间显示的功能。首先获取日期时间元素：

var datetime = container.querySelector('.datetime');

然后使用setInterval函数来定时更新日期时间。在每个定时周期内，获取当前日期时间，然后将其显示在页面上。以下是示例代码：

setInterval(function() {
  var now = new Date();
  datetime.textContent = now.toLocaleString();
}, 1000);

在上述代码中，setInterval函数每隔1秒执行一次匿名函数。每次执行时，获取当前日期时间，然后将其显示在页面上。通过调用toLocaleString函数将日期时间转换为本地字符串。

最后，在CSS中定义"active"类的样式，用于显示当前图片：

.image-container img.active {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

在上述代码中，"active"类的样式包括"display: block"、"position: absolute"、"top: 0"、"left: 0"、"width: 100%"和"height: 100%"，用于将当前图片显示在容器中。

以上就是一种实现图片滚动显示五张，并在页面上显示每秒变化的日期和时间的方法。你可以根据自己的实际需求进行调整。