刚接触javascript中Date内置对象时,以为这些方法都太简单了,结果要自己实际操作写一个时钟效果还真一时把我难住了,主要有几点大家要注意的。先看实际效果要实现这样的效果某年某月某日星期几几时几分几秒先看代码效果<script type="text/javascript"> window.onload=function(){ showDate(); countdown(); } function showDate(){ var myDate=new Date(); var year=myDate.getFullYear(); var month=myDate.getMonth()+1;//月...
简单升序排列var list = [{ name: "jack", age: 14 },{ name: "lily", age: 10 },{ name: "king", age: 13 }, ] function orderList(attr) {return function (a, b) {return a[attr] - b[attr]} } list.sort(orderList("age")); console.log(list); attr 为要排序的属性 得到结果:根据某个属性值升序还是降序排列/**数组根据数组对象中的某个属性值进行排序的方法 * 使用例子:newArray.sort(orderList(‘age‘,false)) //表示根据...
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>分享</title><style> body,div,span{margin:0;padding:0;} .div{background:red;width:200px;height:200px;position:relative;left:-200px;top:10px;} .a{padding:2px;width:20px;height:50px;position:absolute;left:200px;top:20px;background:blue;color:white;text-decoration:none;}</style><script> window.onload =...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <script src="jquery-1.8.2.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ interid...
今天给大家分享JS实现数组去重常用的六种方法,希望对大家能有所帮助!定义变量let arr = [20,6,13,20,100,8,13,11]; let newArr = []; ?1、两层循环去重?for(let i = 0;i < arr.length;i++){for(let j = i + 1;j < arr.length;j++){if(arr[i] == arr[j]){arr.splice(j,1)j--}} } ?2、includes函数判断去重?for(let i of arr){if(!newArr.includes(i)){newArr.push(i)} } ?3、filter循环过滤去重?arr.filter((val,index) => {if(ne...
// =================== 求最大值===================================== <script> var arr = [10,35,765,21345,678,89]; var max = arr [0]; for (var i=0;i< arr.length;i++) { if (max<arr[i]){ max = arr [i]; } } console.log("最大值:" + max); </script>// =================== 求最小值=...
一个js的简单实验思路:通过 document.getElementsByTagName(‘input‘)获取集合,判断类型是否为checkbox,再对其进行操作<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title></head><body><form><input type="checkbox" name="fruit" value="苹果">苹果<input type="checkbox" name="fruit" value="香蕉">香蕉<input type="checkbox" name="fruit" value="芒果">芒果<input type="checkbox" name="frui...
以前在提交表单的时候,如果提交出错返回的时候信息内容全没了,我不知道要怎么保存,就开始了那种最愚蠢的做法,将填写的数据设置到session中,让后取出来用,不过没有试成功,总是有错,无意之中在我那本js的资料书里看到了javascript:history.go(-1);的方法,呵呵,尝试了一次,真的实现了数据的保留总结一下。有时间的话可以好好研究一下。下面是常用代码:<a href="<a href="javascript :history.back(-1)">返回上一页</a>或<...
描述由一个图形变化为另一个图形过程中的各个中间图形,称为渐变图形。可以利用插值算法求得各个渐变图形。 设在源图形和目标图形上各取M个对应坐标点,并分别保存到数组中,源图形用数组SX[M]和SY[M]保存M个坐标点(sx,sy),目标图形用数组DX[M]和DY[M]保存M个坐标点(dx,dy)。若需生成源图形变换到目标图形中的N-1个渐变图形,采用简单的线性插值可以编写如下的二重循环: for (k=1;k<N;k++) for (i=0;i<M;...
1.rgb转16进制 function to16 (a) {//RGB(204,204,024) //十六进制颜色值的正则表达式 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; var that = a; if (/^(rgb|RGB)/.test(that)) { var aColor = that.replace(/(?:\(|\)|rgb|RGB)*/g, "").split(","); var strHex = "#"; for (var i = 0; i < aColor.length; i++) { var hex = Number(aColor[i]).toString(16); if...
先放效果图吧 不是我写出来的,也不是我找到的,我朋友找的这个东西,觉得炫酷,我研究了半天(2333) 开始正题:页面有6个图形,5个矩形,1个圆形,5个圆形是同样的方法实现,圆形是别的方法先说圆形,圆形通过C3动画属性就已经全部实现了 这个圆形边框转起来靠的是C3动画属性,通过伪元素选择符:before构建一个额外的元素,在设置边框属性之后,通过动画实现构建出来的元素的不停旋转。 看起来是个边框一直在转动,实际上...
介绍 观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己。 使用观察者模式的好处: 1.支持简单的广播通信,自动通知所有已经订阅过的对象。 2.页面载入后目标对象很容易与观察者存在一种动态关联,增加了灵活性。 3.目标对象与观察者之间的抽象耦合关系能够单独扩展以及重用...
本文实例讲述了javascript设计模式之Adapter模式。分享给大家供大家参考,具体如下: 所谓Adapter模式就是适配器模式,主要是指使两个原本没有关联的类结合一起使用。 JS实现Adapter模式示例如下: <!DOCTYPE html> <html> <head><title></title><script type="text/javascript" src="json.js"></script><script type="text/javascript" language="javascript">var DataSource01={};DataSource01.Author="Kevin";DataSource01.GetN...
介绍 观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己。 使用观察者模式的好处: 1.支持简单的广播通信,自动通知所有已经订阅过的对象。 2.页面载入后目标对象很容易与观察者存在一种动态关联,增加了灵活性。 3.目标对象与观察者之间的抽象耦合关系能够单独扩展以及重用...
有的时候在开发过程中,我们会发现,客户端需要的接口和提供的接口发生不兼容的问题。由于特殊的原因我们无法修改客户端接口。在这种情况下,我们需要适配现有接口和不兼容的类,这就要提到适配器模式。通过适配器,我们可以在不用修改旧代码的情况下也能使用它们,这就是适配器的能力。 适配模式可用来在现有接口和不兼容的类之间进行适配,使用这种模式的对象又叫包装器(wrapper),因为它们是在用一个新的接口包装另一个对象。...