时间对象
<body>
<p id="box"></p>
<script type="text/javascript">
function getTime(){
var myDate=new Date();
var year=myDate.getFullYear();
var month=myDate.getMonth()+1;//月份从0开始
var date=myDate.getDate();
var day=myDate.getDay();//周几1-6代表周一到周6,0代表周日
var hour=myDate.getHours();
var min =myDate.getMinutes();
var sec=myDate.getSeconds();
console.log(year);
var strDate=getTwo(year)+'-'+ getTwo(month)+'-' +getTwo(date)+' '+getTwo(hour)+':' +getTwo(min)+':'+getTwo(sec)
document.getElementById('box').innerHTML=strDate;
}
function getTwo(date){
if(date<10){
date='0'+date;
}
return date;
}
setInterval(function(){
getTime();
},1000);
getTime();
</script>
练习图片切换
<body>
<p id="box"></p>
<p id="imgtime">
<img src="img/0.JPG" >
<img src="img/0.JPG" >
<img src="img/colon.JPG" >
<img src="img/0.JPG" >
<img src="img/0.JPG" >
<img src="img/colon.JPG" >
<img src="img/0.JPG" >
<img src="img/0.JPG" >
</p>
<script type="text/javascript">
var oImg=document.getElementById('imgtime');
function getTime(){
var myDate=new Date();
var hour=myDate.getHours();
var min =myDate.getMinutes();
var sec=myDate.getSeconds();
var strDate=getTwo(hour)+':' +getTwo(min)+':'+getTwo(sec)
document.getElementById('box').innerHTML=strDate;
// charAt();截取字符 如:'hello'.charAt()
for(var i=0;i<strDate.length;i++){
var num=strDate.charAt(i);
if(i !=2 &&i != 5 ){
oImg.getElementsByTagName('img')[i].src='img/'+num+'.JPG'
}
}
}
function getTwo(date){
if(date<10){
date='0'+date;
}
return date;
}
setInterval(function(){
getTime();
},1000);
getTime();
</script>
</body>
倒计时
<p id="datetime"></p>
<script type="text/javascript">
var timer = null;
function test(){
var myDate1 = new Date(2019,3,15,18,39,10);
var myDate2 = new Date();
var times = Math.floor((myDate1-myDate2)/1000);
if(times <= 0){
clearInterval(timer);
}
document.getElementById('datetime').innerHTML = Math.floor(times/86400)+'天'+Math.floor(times%86400/3600)+'小时'+Math.floor(times%86400%3600/60)+'分'+Math.floor(times%60)+'秒';
};
// 天：Math.floor(t/86400)
// 时：Math.floor(t%86400/3600)
// 分：Math.floor(t%86400%3600/60)
// 秒：Math.floor(t%60)
test();
timer = setInterval(function(){
test();
},1000);
</script>
</body>
字符串操作
<script type="text/javascript">
var str = '啊信息有限信息有限信息有限';
// slice(*) 从*开始截取
// alert(str.length); // 空格占长度
// alert(str.charAt(2));//找不到的话什么也不显示
// alert(str.charCodeAt(1));// 返回unicode码
// alert(String.fromCharCode(21069)); //返回unicode码代表的字符
// alert(str.charCodeAt());// 0-9 48-57
// alert(str.charCodeAt());// a-z 97-122
// alert(str.charCodeAt());// A-Z 65-90
// alert(str.indexOf('2'));
var son = '信息';
var index = str.indexOf(son); // -1 不是就返回-1
while(index != -1){
console.log(index);
// 再找
index = str.indexOf(son,index+1);
}
</script>
字符串截取
<script type="text/javascript">
// substring slice
var str = "方法可从已有的数组中返回选定的元素";
// console.log(str.substring(2,4));
// console.log(str.slice(2,4));
// console.log(str.substring(-4));
console.log(str.slice(-4));
</script>
字符串截取练习
<style type="text/css">
#box{
background: #fc3;
border: 10px solid #D5D5D5;
width: 500px;
padding:10px;
margin:0 auto;
}
</style>
</head>
<body>
<div id="box">
<span>
文章指出，一个国家、一个民族不能没有灵魂。
文化文艺工作者、哲学社会科学工作者都肩负着启迪思想、陶冶情操、
温润心灵的重要职责承担着以文化人、以文育人、以文培元的使命。
文化文艺工作、哲学社会科学工作在党和国家全局工作中居于十分重要的地位，
在新时代坚持和发展中国特色社会主义中具有十分重要的作用。
</span>
<a href="javascript:;">收缩</a>
</div>
<script type="text/javascript">
var oBox=document.getElementById('box');
var oSpan=oBox.getElementsByTagName('span')[0];
var text=oSpan.innerHTML;
var oA=oBox.getElementsByTagName('a')[0];
var onOff=true;
oA.onclick=function(){
if(onOff){
oSpan.innerHTML=oSpan.innerHTML.slice(0,38)+'...';
oA.innerHTML='展开';
}else{
oSpan.innerHTML=text;
}
onOff=!onOff;
}
</script>
</body>
字符串之split
<script type="text/javascript">
// split以...为切点组成数组 join();拼接字符串传进什么值就以什么拼接
var str='数据库后是否父母不卡就不发就拉倒会';
var arr=str.split('不');
console.log(arr);
console.log(arr.join('不'));
</script>
网友评论