js的时间函数实现一个电子表

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body  onload="startime()">//这里的onload的用途就是页面在被加载的时候,就执行了函数startime()
        <div id="div" style="border: 1px solid royalblue;floating:left; margin:0 auto; display:inline;"></div>
        <script>
            
             //var  date=new Date();
            // document.write(date);
            //document.write(date.getFullYear());//输出的是年份
            //document.write(date.getDay());//输出的是具体的星期几
            //document.write(date.getTime());//输出的是一个时间戳
            //date.setFullYear(2011,2,3);//自己设置了时间
            //document.write(date);
            function startime(){
                var t=new Date();//创建一个date的对象,才可以引用相关的date
                var h=t.getHours();
                var m=t.getMinutes();
                var s=t.getSeconds();
                document.getElementById("div").innerHTML=h+':'+m+':'+s;
                m=checktime(m);
                s=checktime(s);
                t=setTimeout("startime()",500 );//注意一下函数的的参数的使用,第一个参数是要加上引号的,这里呢重新调用了原来的函数,实现了刷新的功能
//第二个参数是表示刷新的时间,500表示的是0.5秒 }
function checktime(i) {//这里只是为了美观一点 ,在个位数的面前,将数字的显示+一个0 if(i<10) { i="0"+i; } return i; } </script> </body> </html> <!-- 作者:327569753@qq.com 时间:2017-03-11 描述:时间戳的定义: 时间戳是指格林威治时间1970年01月01日00时00分00秒 (北京时间1970年01月01日08时00分00秒)起至现在的总秒数。 -->

 

转载于:https://www.cnblogs.com/zhengweizhao/p/6535367.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的HTML/CSS/JavaScript代码示例,可以生成实时在线时间电子表网页: ```html <!DOCTYPE html> <html> <head> <title>实时在线时间电子表</title> <style> body { font-family: Arial, sans-serif; text-align: center; background-color: #f2f2f2; } h1 { color: #333; margin-top: 50px; } #clock { font-size: 100px; color: #333; margin-top: 50px; } </style> </head> <body> <h1>实时在线时间电子表</h1> <div id="clock"></div> <script> function updateClock() { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); // 如果小时、分钟、秒钟小于10,则在前面添加一个“0” hours = (hours < 10 ? "0" : "") + hours; minutes = (minutes < 10 ? "0" : "") + minutes; seconds = (seconds < 10 ? "0" : "") + seconds; // 获取时钟元素并将其更新为当前时间 document.getElementById("clock").innerHTML = hours + ":" + minutes + ":" + seconds; } // 每秒钟更新一次时钟 setInterval(updateClock, 1000); </script> </body> </html> ``` 这个代码使用了HTML、CSS和JavaScript。HTML部分包含了一个`<div>`元素,用于显示当前的时间。CSS部分定义了一些基本样式,例如页面的背景颜色、标题的样式和时钟数字的样式。JavaScript部分包含了一个`updateClock`函数,该函数使用内置的`Date`对象来获取当前时间,并将其格式化为一个易于阅读的字符串。然后,该函数将该字符串设置为`<div>`元素的内容。最后,通过使用`setInterval`函数每秒钟调用一次`updateClock`函数,从而保持时钟的实时更新。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值