• 技术文章 >web前端 >js教程

    Js完成倒计时时差效果

    Y2JY2J2017-05-20 13:17:13原创755
    这篇文章主要为大家详细介绍了Javascript实现倒计时时差效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    本文实例为大家分享了js倒计时时差效果的实现代码,供大家参考,具体内容如下

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>当前系统时间</title>
    <link rel="stylesheet" href="style.css" />
    <script language="javascript" type="text/javascript">
    
     window.onload = function(){
     showTime();
     }
     function checkTime(i){ //补位处理
     if(i<10){
      i='0'+i;
     }
     return i;
     }
     function showTime(){
     var now=new Date();
     var year= now.getFullYear();
     var month= now.getMonth()+1;
     var day= now.getDate();
     var h= now.getHours();
     var m= now.getMinutes();
     var s= now.getSeconds();
     m=checkTime(m);
     s=checkTime(s);
    
     var weekday=new Array(7)
     weekday[0]="星期日"
     weekday[1]="星期一"
     weekday[2]="星期二"
     weekday[3]="星期三"
     weekday[4]="星期四"
     weekday[5]="星期五"
     weekday[6]="星期六"
    
     document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+ ? +h+":"+m+":"+s;
     t=setTimeout('showTime()',500)
     }
    
    </script>
    </head>
    <body>
    <p class="content1">
     <p id="show">显示时间的位置</p>
    </p>
    </body>
    </html>

    【相关推荐】

    1. Javascript免费视频教程

    2. 关于JS中递归删除数组中元素的方法详解

    3. JS完成星级评分功能的实例详解

    4. JS如何判断文字是全角还是半角

    5. nodejs+websocket完成一个聊天系统功能

    以上就是Js完成倒计时时差效果的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    上一篇:JS如何判断文字是全角还是半角 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 聊聊如何选择一个最好的Node.js Docker镜像?• Angular中什么是变更检测?什么情况下会引起变更检测?• 浅析Angular变更检测中的DOM更新机制• 一文带你深入了解Node中的Buffer类• Angular开发问题记录:组件拿不到@Input输入属性
    1/1

    PHP中文网