JavaScript<三>

最新推荐文章于 2022-09-30 10:30:17 发布

zhy0509

最新推荐文章于 2022-09-30 10:30:17 发布

阅读量123

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/zhy0509/article/details/78860361

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

1.Date对象年月日小时分钟秒

new Date() 获取当前系统日期，年月日小时分钟秒
.toLocaleString()日期时间同时出来
.toLocaleTimeString()时间
.toLocaleDateString()日期

<script>
    var m=new Date().toLocaleString();
    document.write(m);
</script>

这里写图片描述

getFullYear()返回年份，四位数
getMonth()从Date返回月份（0——11）
getDate()日（1——31）
getDay()星期（0——6）
getHours()小时（0——23）
getMinutes()分钟（0——59）
getSeconds()秒（0——59）
getTime()1970.1.1至现在的毫秒数

<body>
<p>距离2018年1月1日还有：<span></span></p>
<script>
    function djs(){
        var oldday=new Date(2018,0,1,0,0,0).getTime();
        var newday=new Date().getTime();
        var time=parseInt((oldday-newday)/1000);
        var day=Math.floor(time/(24*60*60));
        var hours=Math.floor((time-day*24*60*60)/(60*60));
        var minutes=Math.floor((time-day*24*60*60-hours*60*60)/60);
        var seconds=Math.floor(time-day*24*60*60-hours*60*60-minutes*60);
        document.getElementsByTagName("span")[0].innerHTML=day+"天"+hours+
                        "小时"+minutes+"分钟"+seconds+"秒";
    }
    setInterval("djs()",1000);
    window.onload=function(){
        djs();
    }

</script>
</body>

这里写图片描述

<script>
    var n=new Date;
    document.write("现在是:"+ n.getFullYear()+"年"+ (n.getMonth()+1)+"月"+ n.getDate()
    +"日"+ n.getHours()+":"+ n.getMinutes()+":"+ n.getSeconds()+"星期"+ n.getDay())
</script>

这里写图片描述

2.setInterval()间隔指定的毫秒数不停地执行代码
clearInterval()清除

<body>
<p class="time"></p>
<button class="stopbtn">停止</button>
<button class="startbtn">开始</button>
<script>
    function show(){
        var t=new Date().toLocaleString();
        document.getElementsByClassName("time")[0].innerHTML=t;
    }
    show();
    var timer=window.setInterval("show()",1000);
    var stopbtn=document.getElementsByClassName("stopbtn")[0];
    var startbtn=document.getElementsByClassName("startbtn")[0];
    stopbtn.onclick=function(){
        clearInterval(timer);
    }
    startbtn.onclick=function(){
        timer=window.setInterval("show()",1000);
    }
</script>
</body>

这里写图片描述
效果：时间与系统时间一秒一秒变化，按下停止按钮，时间停止变化，按下开始按钮，时间继续变化，且与系统时间保持一致

setTimeout()暂停制定的毫秒数后执行代码
clearTimeout()清除

<body>
<p></p>
<button>停止</button>
<script>
    function show(){
        var m=new Date().toLocaleString();
        document.getElementsByTagName("p")[0].innerHTML=m;
        timer=setTimeout("show()",1000);/*timer作为全局变量，不能用var ，否则
        就作为局部变量了，不能在外面调用或改变*/
    }
    show();
    document.getElementsByTagName("button")[0].onclick=function(){
        clearTimeout(timer);
    }
</script>
</body>

这里写图片描述
效果：时间与系统时间一秒一秒变化，按下停止按钮，时间停止变化，再刷新一次，时间继续变化，与系统时间保持一致。

2.string对象
<1>属性
length 长度

<2>方法：
charAt(index) 返回指定位置的字符 //index表示位置，从0开始；
charCodeAt() 返回指定位置的字符unicode编码
concat() 方法用于连接两个或多个字符串。
fromCharCode() 把指定的unicode编码转换成为字符串
indexOf(要查找的字符串，[起始位置]) 返回指定字符在字符串中首次出现的位置，如果没有找到则返回-1;
slice(star,end)截取字符串的一部分，并返回新的字符串 star表示截取的起始位置，end表示截取的结束位置位置从0开始
split(x,[y]) 分割字符串成字符串数组； x表示分割的参考对象，y是可选项，y表示设置分割成数组个数；
substr(a,l) 提取字符串，a表示起始的索引位置，l表示要提取的字符串的长度；
substring(s,e) 提取字符串 s 表示起始索引位置，e表示结束的索引位置，包含s，不包含e位置；
value of()返回string对象的原始值
.trim 去两头空格

<script>
    var ms="hello world!"
    var ns="How are you?"
    var as="Nice to meet you ."
    document.write(ms.length+"<br>");//字符串长度，包含空格
    document.write(ms.charAt(2)+"<br>");/*返回指定位置字符*/
    document.write(ms.charCodeAt(3)+"<br>");/*返回指定位置字符的unicode编码*/
    document.write(ms.concat(ns,as)+"<br>");
    document.write(String.fromCharCode(65)+"<br>");
    document.write(as.indexOf("o")+"<br>");
    document.write(as.lastIndexOf("e")+"<br>");
    document.write(as.indexOf("o",7)+"<br>");
    document.write(ns.slice(2,9)+"<br>");
    document.write(ns.split(" ")+"<br>");
    document.write(as.substr(3,6)+"<br>");
    document.write(as.substring(3,6)+"<br>");
    document.write(as.valueOf());
</script>

这里写图片描述

<form  novalidate></form>   novalidate禁止浏览器默认验证

4.array对象

方法：
concat()连接两个或多个数组；
pop()删除最后一个元素
shift()删除第一个元素
push(）向数组末尾添加一个或多个元素
unshift（）向数组开头添加一个或多个元素
splice() 方法用于插入、删除或替换数组的元素。
splice(index,how,[news])
[ index 表示添加或删除的位置
how 为0 表示添加，如果数大于0表示删除个数，如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。
news 为可选项，表示添加的元素]
tostring()把数组变为字符串返回结果
reverse() 方法用于颠倒数组中元素的顺序。
join() 方法用于把数组中的所有元素转换一个字符串。
sort()对数组元素进行排序

<body>
<p>
    <input type="text" class="user">
<input type="button" class="btn" value="点击倒序输出">
    </p>
<script>
    var user=document.getElementsByClassName("user")[0];
    var btn=document.getElementsByClassName("btn")[0];
    btn.onclick=function(){
        var daoxu=user.value.split("");
        user.value=daoxu.reverse().join("");
    }
</script>
</body>

这里写图片描述
点击按钮后：

<script>
    var m=["a","b","c","d","e"];
    m.splice(2,3,"s");
    document.write(m);
</script>

这里写图片描述

<script>
    var info1=["hello","Nice","to","meet","you"];
    var info2=[12,98,36,43,71,29]
    document.write(info1.sort()+"<br>");
    document.write(info2.sort(list));
    function list(a,b){
        return a-b;
    }
</script>

这里写图片描述

<script>
    function pai(num){
        for(var i=0;i<num.length-1;i++){
            for(var j=0;j<num.length-i-1;j++){
            if(num[j]>num[j+1]){
                var one=num[j];
                num[j]=num[j+1];
                num[j+1]=one;
              }
            }
        }
    }
    var num=[12,3,26,16,79,45];
    pai(num);
    document.write(num);
</script>

这里写图片描述

zhy0509

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript<三>

1.Date对象年月日小时分钟秒new Date() 获取当前系统日期，年月日小时分钟秒 .toLocaleString()日期时间同时出来 .toLocaleTimeString()时间 .toLocaleDateString()日期<script> var m=new Date().toLocaleString(); document.write(m);</scrip
复制链接

扫一扫