JavaScript实时更新当前的时间的示例代码


Posted in Javascript onJuly 15, 2020

实现的效果如下:

JavaScript实时更新当前的时间的示例代码

时间会实时更新

具体的JS代码如下

var dateStart;
function start() {
 dateStart = new Date(); //开始时间
 startTime();
}
function startTime() {
 set = window.setTimeout("startTime()", 1000);
 var dt = new Date();
 var day = dt.getDay();
 var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
 var week = weeks[day];
 var year = dt.getFullYear();//年
 var month = dt.getMonth() + 1;//月
 var date = dt.getDate();//日
 var h = dt.getHours();
 if (h < 10) h = '0' + h;//时
 var i = dt.getMinutes();
 if (i < 10) i = '0' + i;//分
 var s = dt.getSeconds();
 if (s < 10) s = '0' + s;//秒
 var str = year + "年"+ month + "月" + date + "日" + h + ':' + i + ':' + s;
 console.log('时间:'+str,'星期:'+week)
 $('#ymd').html(str);
 $('#week').html(week)

}
start()

在控制台上可以实时的打印出当前的时间和星期

JavaScript实时更新当前的时间的示例代码

ps:js获取当前时间并实时刷新

效果如图:

JavaScript实时更新当前的时间的示例代码

代码如下:

<html>
  <head>
    <title>js获取当前时间并实时刷新</title>
    <script>
      //页面加载调用
      window.onload=function(){
        //每1秒刷新时间
       setInterval("NowTime()",1000);
      }
      function NowTime(){
        var myDate=new Date();
        var y = myDate.getFullYear();
        var M = myDate.getMonth()+1;   //获取当前月份(0-11,0代表1月)
        var d = myDate.getDate();    //获取当前日(1-31)
        var h = myDate.getHours();    //获取当前小时数(0-23)
        var m = myDate.getMinutes();   //获取当前分钟数(0-59)
        var s = myDate.getSeconds();   //获取当前秒数(0-59)
        
        //检查是否小于10
        M=check(M);
        d=check(d);
        h=check(h);
        m=check(m);
        s=check(s);
        var timestr = y+"-"+M+"-"+d+" "+h+":"+m+":"+s;
        document.getElementById("nowtime").innerHTML="当前时间:" + timestr;
      }
      //时间数字小于10,则在之前加个“0”补位。
      function check(i){
        var num = (i<10)?("0"+i) : i;
        return num;
      }
    </script>
  </head>
  <body>
    <div id="nowtime">在这里显示时间</div>
  </body>
</html>

到此这篇关于JavaScript实时更新当前的时间的文章就介绍到这了,更多相关js 实时更新当前时间内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
由prototype_1.3.1进入javascript殿堂-类的初探
Nov 06 Javascript
javascript div 遮罩层封锁整个页面
Jul 10 Javascript
jQuery中需要注意的细节问题小结
Dec 06 Javascript
深入理解JSON数据源格式
Jan 10 Javascript
jquery实现平滑的二级下拉菜单效果
Aug 26 Javascript
jQuery的Cookie封装,与PHP交互的简单实现
Oct 05 Javascript
node.js实现博客小爬虫的实例代码
Oct 08 Javascript
jquery自定义表单验证插件
Oct 12 Javascript
微信小程序movable view移动图片和双指缩放实例代码
Aug 08 Javascript
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
Nov 09 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
Apr 18 jQuery
微信小程序template模版的使用方法
Apr 13 Javascript
jQuery 添加元素和删除元素的方法
Jul 15 #jQuery
vue如何在项目中调用腾讯云的滑动验证码
Jul 15 #Javascript
Vue中keep-alive的两种应用方式
Jul 15 #Javascript
js实现浏览器打印功能的示例代码
Jul 15 #Javascript
详解Vue中的MVVM原理和实现方法
Jul 15 #Javascript
详解JavaScript 作用域
Jul 14 #Javascript
如何在Vue中使localStorage具有响应式(思想实验)
Jul 14 #Javascript
You might like
Sorting Array Values in PHP(数组排序)
2011/09/15 PHP
PHP+Ajax实现无刷新分页实例详解(附demo源码下载)
2016/04/07 PHP
利用php抓取蜘蛛爬虫痕迹的示例代码
2016/09/30 PHP
PHP PDOStatement::bindParam讲解
2019/01/30 PHP
JQuery中的$.getJSON 使用说明
2011/03/10 Javascript
将光标定位于输入框最右侧实现代码
2012/12/04 Javascript
js禁止回车提交表单的示例代码
2013/12/23 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
2020/09/12 Javascript
jQuery前端开发35个小技巧
2016/05/24 Javascript
用JS动态改变表单form里的action值属性的两种方法
2016/05/25 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
2016/11/01 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
2018/08/30 Javascript
JavaScript判断对象和数组的两种方法
2019/05/31 Javascript
vue  elementUI 表单嵌套验证的实例代码
2019/11/06 Javascript
[01:07:41]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python自动化测试实例解析
2014/09/28 Python
Python实现截屏的函数
2015/07/26 Python
Python实现字符串格式化输出的方法详解
2017/09/20 Python
python回调函数中使用多线程的方法
2017/12/25 Python
python实现扫描局域网指定网段ip的方法
2019/04/16 Python
Django中间件拦截未登录url实例详解
2019/09/03 Python
Python函数默认参数常见问题及解决方案
2020/03/26 Python
python删除指定列或多列单个或多个内容实例
2020/06/28 Python
在 Windows 下搭建高效的 django 开发环境的详细教程
2020/07/27 Python
使用css如何制作时间ICON方法实践
2012/11/12 HTML / CSS
采购内勤岗位职责
2013/12/10 职场文书
安全生产检查通报
2014/01/29 职场文书
酒店总经理助理岗位职责
2014/02/01 职场文书
小学语文教学反思
2014/02/10 职场文书
节约用电标语
2014/06/17 职场文书
工作批评与自我批评范文
2014/10/16 职场文书
爱的承诺书
2015/01/20 职场文书
2015年关爱留守儿童工作总结
2015/05/22 职场文书
Django 实现jwt认证的示例
2021/04/30 Python
go 实现简易端口扫描的示例
2021/05/22 Golang
Java 多线程协作作业之信号同步
2022/05/11 Java/Android