欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js写个小时钟

程序员文章站 2022-06-07 15:07:50
原生js写个小时钟 一.代码 二.思路 1.获取时间 2.循环执行获取时间 3.把时间写在页面中 ......

原生js写个小时钟

一.代码

今天美化博客园自学的哈,分享一下

<!--标题变成时钟-->
<div id="header1_headertitle"></div>
<script>
    function get_time() {
        var obj = new date();
        var hour = obj.gethours();
        var min = obj.getminutes();
        var seconds = obj.getseconds();
        if (parseint(seconds)<10)seconds='0'+seconds;
        if (parseint(hour)<10)hour='0'+hour;
        if (parseint(min)<10)min='0'+min;
        var time = hour + '时' + min + '分' + seconds + '秒'
        var title = document.queryselector('#header1_headertitle')
        title.innertext = time
    }
    setinterval('get_time()',1000)
    setinterval(function () {
        console.log(1)
    },1000)
</script>

二.思路

1.获取时间

2.循环执行获取时间

3.把时间写在页面中