1.Date对象 年月日小时分钟秒
new Date() 获取当前系统日期,年月日小时分钟秒
.toLocaleString()日期时间同时出来
.toLocaleTimeString()时间
.toLocaleDateString()日期
<script>
var m=new Date().toLocaleString();
document.write(m);
</script>
getFullYear()返回年份,四位数
getMonth()从Date返回月份(0——11)
getDate()日(1——31)
getDay()星期(0——6)
getHours()小时(0——23)
getMinutes()分钟(0——59)
getSeconds()秒(0——59)
getTime()1970.1.1至现在的毫秒数
<body>
<p>距离2018年1月1日还有:<span></span></p>
<script>
function djs(){
var oldday=new Date(2018,0,1,0,0,0).getTime();
var newday=new Date().getTime();
var time=parseInt((oldday-newday)/1000);
var day=Math.floor(time/(24*60*60));
var hours=Math.floor((time-day*24*60*60)/(60*60));
var minutes=Math.floor((time-day*24*60*60-hours*60*60)/60);
var seconds=Math.floor(time-day*24*60*60-hours*60*60-minutes*60);
document.getElementsByTagName("span")[0].innerHTML=day+"天"+hours+
"小时"+minutes+"分钟"+seconds+"秒";
}
setInterval("djs()",1000);
window.onload=function(){
djs();
}
</script>
</body>
<script>
var n=new Date;
document.write("现在是:"+ n.getFullYear()+"年"+ (n.getMonth()+1)+"月"+ n.getDate()
+"日"+ n.getHours()+":"+ n.getMinutes()+":"+ n.getSeconds()+"星期"+ n.getDay())
</script>
2.setInterval()间隔指定的毫秒数不停地执行代码
clearInterval()清除
<body>
<p class="time"></p>
<button class="stopbtn">停止</button>
<button class="startbtn">开始</button>
<script>
function show(){
var t=new Date().toLocaleString();
document.getElementsByClassName("time")[0].innerHTML=t;
}
show();
var timer=window.setInterval("show()",1000);
var stopbtn=document.getElementsByClassName("stopbtn")[0];
var startbtn=document.getElementsByClassName("startbtn")[0];
stopbtn.onclick=function(){
clearInterval(timer);
}
startbtn.onclick=function(){
timer=window.setInterval("show()",1000);
}
</script>
</body>
效果:时间与系统时间一秒一秒变化,按下停止按钮,时间停止变化,按下开始按钮,时间继续变化,且与系统时间保持一致
setTimeout()暂停制定的毫秒数后执行代码
clearTimeout()清除
<body>
<p></p>
<button>停止</button>
<script>
function show(){
var m=new Date().toLocaleString();
document.getElementsByTagName("p")[0].innerHTML=m;
timer=setTimeout("show()",1000);/*timer作为全局变量,不能用var ,否则
就作为局部变量了,不能在外面调用或改变*/
}
show();
document.getElementsByTagName("button")[0].onclick=function(){
clearTimeout(timer);
}
</script>
</body>
效果:时间与系统时间一秒一秒变化,按下停止按钮,时间停止变化,再刷新一次,时间继续变化,与系统时间保持一致。
2.string对象
<1>属性
length 长度
<2>方法:
charAt(index) 返回指定位置的字符 //index表示位置,从0开始;
charCodeAt() 返回指定位置的字符unicode编码
concat() 方法用于连接两个或多个字符串。
fromCharCode() 把指定的unicode编码转换成为字符串
indexOf(要查找的字符串,[起始位置]) 返回指定字符在字符串中首次出现的位置,如果没有找到则返回-1;
slice(star,end)截取字符串的一部分,并返回新的字符串 star表示截取的起始位置,end表示截取的结束位置 位置从0开始
split(x,[y]) 分割字符串成字符串数组; x表示分割的参考对象,y是可选项,y表示设置分割成数组个数;
substr(a,l) 提取字符串,a表示起始的索引位置,l表示要提取的字符串的长度;
substring(s,e) 提取字符串 s 表示起始索引位置,e表示结束的索引位置,包含s,不包含e位置;
value of()返回string对象的原始值
.trim 去两头空格
<script>
var ms="hello world!"
var ns="How are you?"
var as="Nice to meet you ."
document.write(ms.length+"<br>");//字符串长度,包含空格
document.write(ms.charAt(2)+"<br>");/*返回指定位置字符*/
document.write(ms.charCodeAt(3)+"<br>");/*返回指定位置字符的unicode编码*/
document.write(ms.concat(ns,as)+"<br>");
document.write(String.fromCharCode(65)+"<br>");
document.write(as.indexOf("o")+"<br>");
document.write(as.lastIndexOf("e")+"<br>");
document.write(as.indexOf("o",7)+"<br>");
document.write(ns.slice(2,9)+"<br>");
document.write(ns.split(" ")+"<br>");
document.write(as.substr(3,6)+"<br>");
document.write(as.substring(3,6)+"<br>");
document.write(as.valueOf());
</script>
3.
<form novalidate></form> novalidate禁止浏览器默认验证
4.array对象
方法:
concat()连接两个或多个数组;
pop()删除最后一个元素
shift()删除第一个元素
push() 向数组末尾添加一个或多个元素
unshift() 向数组开头添加一个或多个元素
splice() 方法用于插入、删除或替换数组的元素。
splice(index,how,[news])
[ index 表示添加或删除的位置
how 为0 表示添加,如果数大于0表示删除个数,如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
news 为可选项,表示添加的元素]
tostring()把数组变为字符串返回结果
reverse() 方法用于颠倒数组中元素的顺序。
join() 方法用于把数组中的所有元素转换一个字符串。
sort()对数组元素进行排序
<body>
<p>
<input type="text" class="user">
<input type="button" class="btn" value="点击倒序输出">
</p>
<script>
var user=document.getElementsByClassName("user")[0];
var btn=document.getElementsByClassName("btn")[0];
btn.onclick=function(){
var daoxu=user.value.split("");
user.value=daoxu.reverse().join("");
}
</script>
</body>
点击按钮后:
<script>
var m=["a","b","c","d","e"];
m.splice(2,3,"s");
document.write(m);
</script>
<script>
var info1=["hello","Nice","to","meet","you"];
var info2=[12,98,36,43,71,29]
document.write(info1.sort()+"<br>");
document.write(info2.sort(list));
function list(a,b){
return a-b;
}
</script>
<script>
function pai(num){
for(var i=0;i<num.length-1;i++){
for(var j=0;j<num.length-i-1;j++){
if(num[j]>num[j+1]){
var one=num[j];
num[j]=num[j+1];
num[j+1]=one;
}
}
}
}
var num=[12,3,26,16,79,45];
pai(num);
document.write(num);
</script>