您的位置：首页 > Web前端 > JavaScript

定时器

2016-06-04 15:27 183 查看
<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>通过定时器显示当前时间</title>

    <script>

        var s;

        window.onload=function(){

            s = window.setInterval("shijian()",1000)

        }

        function shijian(){

            var sdom = document.getElementById("spantime");

            var now = new Date();//用来得到当前时间

            var stime = now.getFullYear()+"年"+(now.getMonth()+1)+"月"

                        +now.getDate()+"日"+now.getHours()+"时"

                        +now.getMinutes()+"分"+now.getSeconds()+"秒";

            sdom.innerHTML=stime;

        }

        function tingzhi(){

            window.clearInterval(s);//停止定时器

        }

        function kaishi(){

            s=window.setInterval("shijian()",1000)

        }

    </script>

</head>

<body>

    <span id="spantime"></span>

    <input type="button" value="停止" onclick="tingzhi()">

    <input type="button" value="开始" onclick="kaishi()">

</body>
</html>

显示当前时间，有停止和开始两个按钮
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  javascript dom
相关文章推荐
新的分享
章节导航