使用javascript怎么实现一个轮播特效

本篇文章给大家分享的是有关使用javascript怎么实现一个轮播特效,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

javascript是一种什么语言

javascript是一种动态类型、弱类型的语言,基于对象和事件驱动并具有相对安全性并广泛用于客户端网页开发的脚本语言,同时也是一种广泛用于客户端Web开发的脚本语言。它主要用来给HTML网页添加动态功能,现在JavaScript也可被用于网络服务器,如Node.js。

1、轮播特效使用原理:使用定时器设置一定时间切换一张图片

定时器setInterval() 方法

可按照指定的周期(以毫秒计)来调用函数或计算表达式。

使用语法

setInterval(code,millisec[,"lang"])

参数

code(必需):要调用的函数或要执行的代码串。

millisec(必需):周期性执行或调用 code 之间的时间间隔,以毫秒计。

2、JavaScript实现自动轮播特效:

使用定时器setInterval() 方法设置2秒切换一张图片

<body>
<img src="cankao/0.jpg" width="600"/>
</body>
<script>
    var i=0;
    setInterval(function() {
        i++;
        if(i==6){
            i=0;
        }
        var a=document.querySelector("img");
        a.src="cankao/"+i+".jpg"
    },2000)
 
</script>

以上就是使用javascript怎么实现一个轮播特效,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。