<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>
