javascript
草帽小子的女人
前端小白的航海路
展开
-
原生JS实现图片轮播跑马灯效果
实现原理: 1、准备一个展示区域的盒子,设置宽高; 2、准备一个存放所有图片的盒子,将所有图片依次放入,设置溢出隐藏 一、HTML布局 <div class="wrapper"> <div id="container"><!--图片展示区域盒子--> <ul id="imglist"><!--将所有图片并列展示盒子--> <li> <img src="./img/banner.jpg" alt="暂无原创 2021-03-13 16:25:34 · 788 阅读 · 0 评论 -
原声JS仿京东编写Tab切换菜单
使用JS原生实现Tab切换菜单 排他思想及自定义属性 具体代码如下: HTML结构代码 .cur{ background: red; color: #fff; } <div class="wrapper"> <div class="menu"> <ul> <li>首页</li> <li>列表1</li> <li>列表2</li> &l原创 2021-02-27 10:53:01 · 209 阅读 · 0 评论 -
原生 js 短信发送 60s重新发送
实现原理: 点击 btn 按钮,更改 disabled 为 true;使用定时器函数 setInterval , 时间每秒减一;若时间小于零,更改btn 的 disabled 为 false,同时将时间重新调整为60 具体代码: <div> <input type="text" placeholder="请输入短信验证码"> <button>发送短信</button> </div> <script> var btn = docume原创 2021-02-14 11:04:24 · 394 阅读 · 0 评论 -
js中对无序数组进行排序 使用sort()及不使用sort()对比
问题一、请使用两种方法对一下数据进行升序,降序排序: arr = [1, 4 ,19, 2, 65]; 方法一: function Arrsort(arr) { for(var i = 0; i < arr.length-1; i++){ for(var j = 0; j<arr.length-i-1; j++){ if(arr[j]<arr[j+1]){ //升序排序 【arr[j]>arr[j+1] //降序排列判断】 var tem =原创 2021-01-31 12:24:03 · 888 阅读 · 1 评论 -
js原生编写倒计时原理及方法详解,解决刷新页面倒计时不显示问题
关于原生js倒计时编写: 原理:用户输入时间 - 当前时间 = 剩余时间 步骤: 1、获取当前时间:var nowTime = +new Date(); 2、获取用户输入时间: var InTime = +new Date(‘2020-01-01’); 3、剩余时间戳 = 输入时间戳 - 当前时间戳:var Times = InTime - nowTime 4、将获取到的时间戳转为秒:Times = Times / 1000; 4、将时间戳转化成日、时、分、秒 a、var d = parseInt(Time原创 2021-01-31 11:23:44 · 484 阅读 · 0 评论