JS定时器及Swiper插件

JavaScript中的定时器
        含义:JavaScript中提供一定是时间之后触发的功能,就叫做定时器。
        JS的两种定时器
            setTimeout函数
                window.setTimeout(调用函数,[延迟毫秒数]);
            setInterval函数
                window. setInterval(调用函数,[延迟毫秒数]);
        取消定时器
            clearTimeout(timeoutID)方法
            clearInterval(intervalID)方法
    Swiper介绍
        swiper是一款开源的解决前端开发中触摸滑动案例的插件。常用于移动端网站的内容触摸滑动,能实现轮播图、触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 
    Swiper使用
        1.引入相关文件
        2.按照规定语法使用
        3.参数更改

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Swiper 是一款轻量级的移动端触摸滑动插件,可以用于制作轮播图、相册、列表滑动等移动端页面效果。以下是 Swiper 的常用配置及作用: 1. direction:滑动方向,默认为水平方向,可选参数为 vertical(垂直方向)。 2. speed:滑动速度,单位为毫秒,默认为 300。 3. autoplay:自动播放,可选值为 true 或 false,默认为 false。 4. autoplaySpeed:自动播放的间隔时间,单位为毫秒,默认为 3000。 5. loop:是否循环滑动,可选值为 true 或 false,默认为 false。 6. pagination:是否创建分页器,可选值为 true 或 false,默认为 false。 7. navigation:是否创建前进和后退按钮,可选值为 true 或 false,默认为 false。 8. effect:切换效果,可选值为 slide(平移),fade(淡入淡出),cube(立方体旋转),coverflow(3D流式效果),flip(3D翻转效果),默认为 slide。 9. grabCursor:是否开启抓手光标,可选值为 true 或 false,默认为 false。 10. threshold:拖动距离阈值,超过该距离将触发滑动效果,单位为像素,默认为 50。 11. touchRatio:拖动距离与滑动距离的比例,可选值为 0~1 之间的小数,默认为 1。 12. touchAngle:滑动方向与触摸方向的夹角范围,超过该角度将取消滑动效果,单位为度数,默认为 45。 13. resistance:滑动阻力系数,可选值为 true 或 false,默认为 true。 14. resistanceRatio:滑动阻力系数的值,值越大滑动阻力越大,默认为 0.85。 15. on:事件回调函数,如 onInit、onSlideChangeStart、onSlideChangeEnd 等。 通过以上配置,可以灵活地实现 Swiper 的各种功能和效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值