jS主题的文章列表，还有jS的技术要点_第22页

js中随机数的形成规律及相应公式

js中随机数的形成需要的用到Math.random()，上一篇博客中提到了它，指的是0~1之间数，那么今天要说的其实是随机整数的形成，所以还要用到Math.round()的方法，这个是四舍五入的方法。接下来看一系列公式代码：window.onload=function(){Math.round(3.4);//3四舍五入...

代码星球·2021-02-20

浅谈json和数组的区别

json和数组都是存储数据的，但是也是有一定区别的。区别一：json的下标与数组的下标不一样，json的下标是字符串，数组的下标是数字。<script>window.onload=function(){varjson={name:'Juce',age:'23'};alert(json.age);//又等于a...

代码星球·2021-02-20

js实现查找替换关键字的效果

昨天写的例子是查找关键字，今天就在其基础上更改一下便可实现可以替换这些关键字的效果，布局稍有改变：<inputtype="text"/><inputtype="text"/><inputtype="button"value="替换"/><pid="box">轻轻的我走了，...

代码星球·2021-02-20

js实现查找关键字效果

一般情况下，我们操作页面上都会有查找某个关键字的的功能，那么今天也简单写一下关键查找页面上关键字的效果！首先页面上要写入一部分内容，然后要有搜索框，来看一下布局：<inputtype="text"/><inputtype="button"value="查找"/><pid="box">...

代码星球·2021-02-20

原生js中大小写转化以及split分割字符串方法

关于大小写转化很简单就是两个方法，查教程也可以很明了，这里就简单写一下：varstr0="baidu";str0.toUpperCase();//转为大写str0.toLowerCase();//转为小写然后来说一下split()的方法：具体可以常见的几种返回结果如下：varstr="baidu.com";alert(...

代码星球·2021-02-20

js字符串中的比较类以及截取类substring实例

经常回今天说一下substring()方法的特性以及应用。substring()方法用于提取字符串中介于两个指定下标之间的字符，所以它有两个参数，一个是起始的位置，一个是结束的位置，通俗点说就是针对一段字符串的每个字符的位置截取开始到结束的字符。比如说：<p>我爱中国。</p>substring...

代码星球·2021-02-20

原生js解决倒计时结束图片抖动之后移动消失的效果

标题看着复杂其实需求就是：一张图片在一段时间倒计时结束之后，先抖动一下然后向下移动消失。不明白什么意思的可以看下图解释：直接来看布局代码，直接把布局以及css都写在一起了：<style>#img{position:absolute;left:15px;top:80px;}#time{width:150px;...

代码星球·2021-02-20

原生js解决图片渐渐变透明的效果

今天来封装一个简单的js效果，就是点击一张图片，渐渐的图片的透明度为0，即为图片消失的效果。来看布局即为一张图片：<imgid="img"width="180"src="img/pic4.jpg"/>js效果如下：<script>window....

代码星球·2021-02-20

原生js处理倒计时小实例

昨天写了一个简单的不能循环走的倒计时，那么今天写一个添加了定时器之后的倒计时。先来看看布局的代码：<style>.t1{width:400px;}</style><body>　　距离：<inputclass="t1"type="text"value="November27,20...

代码星球·2021-02-20

原生js关于倒计时的原理

倒计时经常会在项目中或者电商类网站比如团购或者拼单等等中会有出现，今天就了解一下它的原理，然后写一个简单的倒计时例子。其实关于倒计时原理很简单：就是用未来的时间减去去现在的时间然后换算即可。（未来的时间点（不变）减现在的时间点（在变））。来看简单的例子：计算一下距离今年五一还有多长时间？直接来看代码：布局：<sp...

代码星球·2021-02-20

原生js用图片做时间

今天写一个时间例子，用图片组成时分秒。具体来看代码，当然今天的写法只是一种，还有很多种实现方法，来看布局：<pid="times"></p><imgsrc="img/0.JPG"/><imgsrc="img/0.JPG"/><imgsrc="img/0.JPG"/&...

代码星球·2021-02-20

原生js获取系统时间

关于时间日常项目中可能会有很多需求，今天就写一个最简单的，将系统时间写入到页面上。直接来看js代码：<script>window.onload=function(){varBody=document.body;//把获取出的时间封装为一个函数，方便加定时器让其自动循环functionTime(){varst...

代码星球·2021-02-20

原生js实现多组图片抖动效果的问题

昨天把多组图片抖动效果实现了，但是有一个问题就是关于快速多次移动到图片上的时候会出现移动事件结束之后图片不在原来位置。就像下图所示：这个问题的关键是：获取的位置都是移动事件之后重新刷新的位置，所以又去加抖动频率，重新又实现一次抖动效果，以便于会有图片最后出现上图的问题了。解决这个关键就是要做个判断，每次实现...

代码星球·2021-02-20

多组抖动效果的图片js封装

昨天提到了单个图片的抖动效果，那么今天来写一下多组图片实现抖动效果的封装，这种效果也许在日常的项目中会用到，简单封装一下，就不用每次都写差不多一样的代码了，好的来看html和css的布局，其实很简单就是两张图片：<style>img{position:absolute;top:200px;left:300p...

代码星球·2021-02-20

原生js实现图片抖动效果

今天来写一个关于图片抖动的效果，需求是：点击图片，让其抖动几下停止（类似于苹果手机填错密码之后会抖一下的效果），其实想要实现这个效果，原理就是，点击之后，让其左移动下然后右移动一下（每移动一下减几像素知道减到0），然后将其放入定时器内，让其慢慢自动停下来。来看代码布局：<style>#img{positio...

代码星球·2021-02-20