泛览天下

阅读,看尽天下事

2019-04-15 时间对象、练习图片切换、倒计时、字符串操作、字符串截取、字符串截取练习

2022-08-04 01:44:09


文化文艺工作、哲学社会科学工作在党和国家全局工作中居于十分重要的地位, 在新时代坚持和发展中国特色社会主义中具有十分重要的作用。


时间对象

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