JavaScript实现实时更新系统时间的实例代码


Posted in Javascript onApril 04, 2017

一、Js代码

function getTime(){ 
    str = "当前系统时间:" 
    var p = document.getElementById("sy_time"); 
    time = new Date(); 
    year = time.getFullYear(); 
    month = time.getMonth() + 1; 
    day = time.getDate(); 
    hour = time.getHours(); 
    minutes = time.getMinutes(); 
    seconds = time.getSeconds(); 
    str = str + year +"-"+ month +"-"+ day + " " +hour+":"+minutes+":"+seconds; 
    p.innerText = str; 
    setTimeout(getTime,1000); 
  } 
  window.onload = function(){ 
    getTime(); 
  }

二、前端代码

<!-- 页面调用代码 -->
<p id = "sy_time"></p>

以上所述是小编给大家介绍的JavaScript实现实时更新系统时间的实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript数值转换的三种方式总结
Jul 31 Javascript
js事件监听机制(事件捕获)总结
Aug 08 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
Apr 11 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
May 03 Javascript
angularJS之$http:与服务器交互示例
Mar 17 Javascript
javascript内存分配原理实例分析
Apr 10 Javascript
VueJS如何引入css或者less文件的一些坑
Apr 25 Javascript
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
Sep 28 Javascript
JavaScript 判断对象中是否有某属性的常用方法
Jun 14 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
May 26 Javascript
vue axios重复点击取消上一次请求封装的方法
Jun 19 Javascript
5分钟快速看懂ES6中的反射与代理
Dec 19 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 #jQuery
webpack独立打包和缓存处理详解
Apr 03 #Javascript
使用jQuery卸载全部事件的思路详解
Apr 03 #jQuery
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 #jQuery
基于JQuery和原生JavaScript实现网页定位导航特效
Apr 03 #jQuery
JS异步文件上传(兼容IE8+)
Apr 02 #Javascript
使用canvas及js简单生成验证码方法
Apr 02 #Javascript
You might like
适用于初学者的简易PHP文件上传类
2015/10/29 PHP
微信封装的调用微信签名包的类库
2017/06/08 PHP
PHP实现的一致性Hash算法详解【分布式算法】
2018/03/31 PHP
Javascript绝句欣赏 一些经典的js代码
2012/02/22 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
2013/02/05 Javascript
Highcharts 非常实用的Javascript统计图demo示例
2013/07/03 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
2013/11/30 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
javascript实现动态改变层大小的方法
2015/05/14 Javascript
js实现的全国省市二级联动下拉选择菜单完整实例
2015/08/17 Javascript
JS创建对象几种不同方法详解
2016/03/01 Javascript
Bootstrap 附加导航(Affix)插件实例详解
2016/06/01 Javascript
JavaScript比较当前时间是否在指定时间段内的方法
2016/08/02 Javascript
使用Javascript监控前端相关数据的代码
2016/10/27 Javascript
Node.js中如何合并两个复杂对象详解
2016/12/31 Javascript
浅谈react前后端同构渲染
2017/09/20 Javascript
node的process以及child_process模块学习笔记
2018/03/06 Javascript
微信小程序数据分析之自定义分析的实现
2018/08/17 Javascript
对vue中methods互相调用的方法详解
2018/08/30 Javascript
H5+C3+JS实现双人对战五子棋游戏(UI篇)
2020/05/28 Javascript
深入理解Vue keep-alive及实践总结
2019/08/21 Javascript
element中的$confirm的使用
2020/04/26 Javascript
微信小程序实现拼图小游戏
2020/10/22 Javascript
全面解析Python的While循环语句的使用方法
2015/10/13 Python
详谈python read readline readlines的区别
2017/09/22 Python
Python进程池Pool应用实例分析
2019/11/27 Python
巴黎卡诗加拿大官网:Kérastase加拿大
2018/11/12 全球购物
皇家阿尔伯特英国官方商店:Royal Albert骨瓷
2019/03/25 全球购物
大学生毕业自我鉴定范文
2013/09/19 职场文书
自我评价范文分享
2014/01/04 职场文书
少年闰土教学反思
2014/02/22 职场文书
小学绿色学校申报材料
2014/08/23 职场文书
芙蓉镇观后感
2015/06/10 职场文书
ORACLE查看当前账号的相关信息
2021/06/18 Oracle
Python爬取用户观影数据并分析用户与电影之间的隐藏信息!
2021/06/29 Python
正则表达式拆分url实例代码
2022/02/24 Java/Android