[JavaScript]Diamond for your darling

weixin_33725126

于 2017-08-16 16:06:00 发布

阅读量65

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/343647

本文介绍了一种使用JavaScript实现的简单图片轮播效果。通过定时器与图片索引的配合，实现了图片的自动切换功能，并提供了完整的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

o_dd.15.png

代码不见得是最优的写法，在网速慢的时候可能会有延时，欢迎批评指正：）

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<script language="javascript">

    var count = 1;

    addEvent(window, "load", diamond);

     

    function diamond() {

       setTimeout("setInterval(setImage, 50)",2000);

    }
 

    function setImage() {

        document.images.diamond.src = "http://images.cnblogs.com/cnblogs_com/justinw/229829/o_dd." + count + ".png";

       count ++;

        if (count  > 15) count  = 1;

    }
</script>


本文转自Justin博客园博客，原文链接：http://www.cnblogs.com/justinw/archive/2010/03/28/1698684.html，如需转载请自行联系原作者