字符串常用方法
通過(guò)下標(biāo)找字符串
- charAt() 通過(guò)下標(biāo)找字符
- charCodeAt() 通過(guò)下標(biāo)找到字符的unicode編碼；
通過(guò)字符找下標(biāo)；
- indexOf() 從前往后找声怔，找到返回對(duì)應(yīng)內(nèi)容的索引，找不到返回-1咙咽；
- lastIndexOf() 從后往前找栓霜，找到返回對(duì)應(yīng)內(nèi)容的索引，找不到返回-1苟蹈；
字符串的截取和查找
- str.slice(n,m) 從索引n找到索引m,包前不包后糊渊；slice可以取負(fù)值；
- str.substring(n,m) 從索引n找到索引m慧脱，包前不包后渺绒；
- slice和substring的功能一樣，但是slice可以取負(fù)值菱鸥，而substring不能取負(fù)值宗兼；
- str.substr(n,m) 從索引n開(kāi)始，截取m個(gè)氮采；
字符串轉(zhuǎn)數(shù)組
字符串轉(zhuǎn)大小寫(xiě)
- toUpperCase() 轉(zhuǎn)大寫(xiě)殷绍；
- toLowerCase() 轉(zhuǎn)小寫(xiě)；
字符串跟正則配合的方法鹊漠；
- replace(要替換的字符串／正則主到，替換成什么／cb的返回值) 字符串替換
- search(查找的字符串／正則) 找到返回對(duì)應(yīng)索引 找不到返回-1
- split(切割形式／正則)
- match(字符串／正則) 可以把捕獲到的內(nèi)容茶行，以數(shù)組的形式返回；如果是捕獲一個(gè)登钥，返回的數(shù)組有三項(xiàng)：1）item 2）index 3）input
如果捕獲到一堆畔师，把所有捕獲到的內(nèi)容，以數(shù)組的形式返回牧牢；他主要用來(lái)配合正則
- match捕獲不到的時(shí)候看锉，返回的null；
i++ 和 ++i的區(qū)別：
- i++ 先運(yùn)算后++塔鳍；++只是針對(duì)變量自身的累加度陆，跟運(yùn)算沒(méi)有關(guān)系；
- 先++ 后運(yùn)算献幔； ++參與了運(yùn)算；
定時(shí)器
- setInterval（clearInterval）隔一段時(shí)間觸發(fā)一次
- setTimeout （clearTimeout) 時(shí)間到的時(shí)候只執(zhí)行一次趾诗；
日期對(duì)象
- 定義一個(gè)日期對(duì)象 var oDate=new Date()
- 獲取現(xiàn)在距離 1970年1月1日 00：00：00 的毫秒數(shù) oDate.getTime();
- oDate.getFullYear()
- oDate.getMonth()+1 記得獲取月份一定要+1蜡感；
- oDate.getDate() 日
- oDate.getDay() 星期 注意：星期日是0；
- oDate.getHours()
- oDate.getMinutes()
- oDate.getSeconds()
判斷
- if...else....
- switch恃泪。郑兴。case
- 三目 也叫做 三元表達(dá)式
- 語(yǔ)法： 條件？執(zhí)行語(yǔ)句1 ： 執(zhí)行語(yǔ)句2贝乎；
數(shù)字如何轉(zhuǎn)為字符串
+ ''+num
倒計(jì)時(shí)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>圓夢(mèng)源：勿忘初心情连，方得始終</title>
<style>
div{
font-size: 30px;
}
div span{
font-size: 50px;
color: #ff0000;
}
div span.close{
color: #cccccc;
}
</style>
</head>
<body>
<div>距離下課還有 <span>00天 00 : 00 : 00</span></div>
<script>
//核心思路：拿到兩個(gè)日期對(duì)象，求出兩個(gè)日期對(duì)象之間的毫秒差览效，轉(zhuǎn)成秒差却舀；然后通過(guò)秒進(jìn)行秒轉(zhuǎn)換，轉(zhuǎn)成時(shí)锤灿，分挽拔，秒
//注意：1）一位數(shù)要轉(zhuǎn)成兩位 2）如果秒為負(fù)值的時(shí)候，要做處理但校；
function toDou(n) {
return n>=0 && n<10? '0'+n:''+n;
}
function countDown() {
var oSpan=document.getElementsByTagName('span')[0];
var timer=null; //現(xiàn)在沒(méi)有螃诅，以后會(huì)有；
//1:獲取日期對(duì)象
var oDate=new Date();
//2:設(shè)置未來(lái)的日期對(duì)象 new Date('2017/7/12 18:00:00')
//3:核心：求未來(lái)和現(xiàn)在之間的毫秒差,并且把毫秒轉(zhuǎn)成秒状囱；
/* var s=Math.floor((new Date('2017/7/12 18:00:00').getTime() - oDate.getTime())/1000);*/
var newDate=new Date('2017/7/12 17:21:30');
var s=Math.floor((newDate-oDate)/1000);
//注意：當(dāng)s<=0的時(shí)候术裸，已經(jīng)下課了
if(s<0){
oSpan.innerHTML='你來(lái)晚了，我們已經(jīng)下課了';
oSpan.className='close';
clearInterval(timer);
return; //阻斷程序執(zhí)行的作用
}
//24*60*60=86400 秒
var d=Math.floor(s/86400);
s%=86400;//拿到剩余的秒數(shù)亭枷；
var h=Math.floor(s/3600);
s%=3600;
var m=Math.floor(s/60);
s%=60;
oSpan.innerHTML=toDou(d)+'天 '+toDou(h)+' : '+toDou(m)+' : '+toDou(s); //字符串拼接
}
countDown();//這里為了防止1秒鐘的空白袭艺；
timer=setInterval(countDown,1000);
</script>
</body>
</html>
時(shí)鐘
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>圓夢(mèng)源：勿忘初心，方得始終</title>
<style>
body{
font-size: 50px;
}
</style>
</head>
<body>
<script>
//一位數(shù)轉(zhuǎn)兩位數(shù)叨粘；
function toDou(n) {
//三目匹表，也叫做三元表達(dá)式; 條件? 語(yǔ)句1 ：語(yǔ)句2门坷；
return n>=0 && n<10? '0'+n:''+n;
//if(條件) {語(yǔ)句1} else{語(yǔ)句2}
/*if(n>0 && n<10){
return '0'+n
}else{
return ''+n;
}*/
}
function clock() {
var oDate=new Date();
var y=oDate.getFullYear();
var m=oDate.getMonth()+1;
var d=oDate.getDate();
var H=oDate.getHours();
var M=oDate.getMinutes()ff;
var S=oDate.getSeconds();
var str=y+'-'+toDou(m)+'-'+toDou(d)+' '+toDou(H)+':'+toDou(M)+':'+toDou(S);
document.body.innerHTML=str;
};
clock();//直接調(diào)用函數(shù)，可以讓函數(shù)立即執(zhí)行袍镀；
setInterval(clock,1000);
</script>
</body>
</html>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
