Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从重叠的图像创建时钟_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何从重叠的图像创建时钟

Javascript 如何从重叠的图像创建时钟,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试制作时钟(html/css/javascript),它会缓慢地向前打开另一张图片(本例中的污染) 例如: 有没有办法在旋转球杆的同时更好地揭开另一张照片的面纱 好吧,我们不会为您编写代码,但启发性是这样的: 创建一个div并将样式设置为包含background:url(mydimage.jpg) JavaScript以预先确定的间隔设置操作 在每个时间间隔,用与该时间点相关的图像填充divfrom#1。确保图像是gif或png,这样它可以有一个透明的背景,从而暴露背景图像(污染) 祝

我正在尝试制作时钟(html/css/javascript),它会缓慢地向前打开另一张图片(本例中的污染)

例如:


有没有办法在旋转球杆的同时更好地揭开另一张照片的面纱

好吧,我们不会为您编写代码,但启发性是这样的:

  • 创建一个
    div
    并将样式设置为包含
    background:url(mydimage.jpg)
  • JavaScript以预先确定的间隔设置操作
  • 在每个时间间隔,用与该时间点相关的图像填充
    div
    from#1。确保图像是gif或png,这样它可以有一个透明的背景,从而暴露背景图像(污染)

  • 祝你好运

    gif动画是不可能的吗?