JavaScript--对象(一)....倒计时

Math

Math对象的基本属性应用(常用)

abs,ceil,floor,random,min,max,round

Math属于数学对象

                        console.log("abs:"+Math.abs(-19));//绝对值
			console.log("ceil:"+Math.ceil(-3.1));//上取整
			console.log("floor:"+Math.floor(-3.1));//下取整
			console.log("round:"+Math.round(3.4));//四舍五入
			console.log("max:"+Math.max(100000,2,3,4,5));//求最大值
			console.log("min:"+Math.min(100000,2,3,4,5));//求最小值
			console.log("random:"+Math.random());//返回的是0~1之间的随机数

String

String对象属性：

constructor 对创建该对象的函数的引用

length 字符串的长度

prototype 允许您向对象添加属性和方法

js是一种弱类型变量语言，变量即对象[php/jsp/asp....]

                        var str = "dscsdvadg";
			console.log(typeof(str));   //string
			console.log(str.length);
			for (var i = 0; i < str.length; i++) {
				document.write(str[i] + "<br />");
			}
			var str = new String("dscsdvadg");
			console.log(typeof(str));    //object
			console.log(str.length);
			for (var i = 0; i < str.length; i++) {
				document.write(str[i] + "<br />");
			}

String对象的方法

var str = "javascript is a very important language";

chanAt(n) 函数---返回指定位置（n）的字符

document.write("charAt(n):" + str.charAt(9));

charCodeAt(n) 函数---返回指定位置（n）的字符的Unicode编码

document.write("charCodeAt(n):" + str.charCodeAt(9));

indexof() 函数--返回substring在string中的位置 找不到就返回-1 从0开始数

document.write("indexOf(n):" + str.indexOf("very"));

var email = "asxdascfasvfsf@sdvs";
document.write("indexOf(n):" + email.indexOf("@"));
document.write("lastIndexOf(n):" + email.lastIndexOf("@"));

大小写互换

小写

document.write(str.toLowerCase()); 

大写

document.write(str.toUpperCase());

concat 合并多个字符串

document.write(str.concat("csdcasdvdvaedb", "合并多个字符串"));

replace 法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

replace(old,new) 函数--将字符串中的oldStr1替换为newstr2

                        var str2 = "在哪跌倒就在哪爬起来";
			
			document.write("replace():" + str2.replace("爬起来", "睡一觉"));

截取

substr，substring，slice

                        var study = "好好学习,天天向上";
			//substr(start,length) 
			//(2,4) 从2开始数4个 学习,天
			//substring(start,end) 从开始到结束 
			//（2,4） 从2开始到4结束（学习）   不包括结束  从0开始数
			document.write(study.substr(2, 4) + "<br />"); //学习,天
			document.write(study.substring(2, 4) + "<br />"); // 学习
			document.write(study.slice(1, 3) + "<br />"); //从1开始到3 结束，不包括3

Date对象

常用方法

                        var d = new Date();//年-月-日-时-分-秒-星期
			document.write("返回年:"+d.getFullYear()+"年");
			document.write("返回年:"+d.getMonth()()+1)+"月"); //+1)+
			document.write("返回日:"+d.getDate());//1~31
			document.write("返回星期:"+d.getDay());//0~6
			document.write("返回小时:"+d.getHours()+"点");//0-23
			document.write("返回分钟:"+d.getMinutes()+"分");//0-59
			document.write("返回秒:"+d.getSeconds()+"秒");//0-59

对象的应用（输出系统时间）

（一）

                var dt=new Date();
		var str="今天是:";
		str+=dt.getFullYear()+"年";
		str+=(dt.getMonth()+1)+"月";
		str+=dt.getDate()+"日";
		str+=(dt.getHours())+":";
		str+=(dt.getMinutes())+":";
		str+=(dt.getSeconds())+"星期";
		switch(dt.getDay()){
			case 0:
			str+="日"
			break;
			case 1:
			str+="一"
			break;
			case 2:
			str+="二"
			break;
			case 3:
			str+="三"
			break;
			case 4:
			str+="四"
			break;
			case 5:
			str+="五"
			break;
			case 6:
			str+="六"
			break;
		}
		document.write(str);

（二）

                              var dt =new Date();
                              with(dt){
				var str="今天是:";
				str+=getFullYear()+"年";
				str+=(getMonth()+1)+"月";
				str+=getDate()+"日";
				str+=getHours()+"：";
				str+=getMinutes()+"：";
				str+=(getSeconds())+"星期";
				switch(dt.getDay()){
					case 0:
					str+="日";
					break;
					case 1:
					str+="一";
					break;
					case 2:
					str+="二";
					break;
					case 3:
					str+="三";
					break;
					case 4:
					str+="四";
					break;
					case 5:
					str+="五";
					break;
					case 6:
					str+="六";
					break;
					
				}
			}
			
		document.write(str);

倒计时

结构：

                       <div class="box">
			<h3>生日倒计时</h3>
			<p>距离生日还有<b id="d"></b>天<b id="t"></b>时<b id="m"></b>分<b id="s"></b>秒</p>
                       </div>

样式：

                    window.onload=function(){
			function demo(){
				var d=document.getElementById("d");
				var t=document.getElementById("t");
				var m=document.getElementById("m");
				var s=document.getElementById("s");
				var time="2021.6.27 00:00";
				var now=new Date();
				var distance=parseInt((Date.parse(time) - Date.parse(now))/1000);
				s.innerHTML=parseInt(distance%60);
				console.log(s);
				m.innerHTML=parseInt((distance/60)%60);
				t.innerHTML=parseInt((distance/3600)%24);
				d.innerHTML=parseInt(distance/3600/24);
				setTimeout(demo,1000)
                            }
                            demo();
                        }