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英文日期(有时间)选择器
May 02 Javascript
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
Jun 29 Javascript
javascript JSON操作入门实例
Apr 16 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
Dec 08 Javascript
JS实现CheckBox复选框全选全不选功能
May 06 Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
Jul 01 Javascript
JavaScript动态插入CSS的方法
Dec 10 Javascript
JavaScript优化专题之Loading and Execution加载和运行
Jan 20 Javascript
vue cli2.0单页面title修改方法
Jun 07 Javascript
JavaScript oncopy事件用法实例解析
May 13 Javascript
详解javascript void(0)
Jul 13 Javascript
js实现鼠标点击飘爱心效果
Aug 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新手上路(十三)
2006/10/09 PHP
PHP利用APC模块实现大文件上传进度条的方法
2015/10/29 PHP
详解PHP中foreach的用法和实例
2016/10/25 PHP
面向对象的Javascript之二(接口实现介绍)
2012/01/27 Javascript
JQuery入门——用bind方法绑定事件处理函数应用介绍
2013/02/05 Javascript
Javascript全局变量var与不var的区别深入解析
2013/12/09 Javascript
一个实用的图片切换支持点击切换和自动轮播
2014/09/09 Javascript
通过设置CSS中的position属性来固定层的位置
2015/12/14 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
2016/08/29 Javascript
jQuery Dialog 取消右上角删除按钮事件
2016/09/07 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
2017/10/25 Javascript
理解 JavaScript EventEmitter
2018/03/29 Javascript
Vue动态控制input的disabled属性的方法
2018/06/26 Javascript
JS使用Date对象实时显示当前系统时间简单示例
2018/08/23 Javascript
[03:41]DOTA2上海特锦赛小组赛第三日recap精彩回顾
2016/02/28 DOTA
python开发之thread实现布朗运动的方法
2015/11/11 Python
Flask框架的学习指南之用户登录管理
2016/11/20 Python
Python决策树分类算法学习
2017/12/22 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
Django+Ajax+jQuery实现网页动态更新的实例
2018/05/28 Python
python批量处理文件或文件夹
2020/07/28 Python
python实现大战外星人小游戏实例代码
2019/12/26 Python
python实现修改固定模式的字符串内容操作示例
2019/12/30 Python
Python+redis通过限流保护高并发系统
2020/04/15 Python
scrapy实践之翻页爬取的实现
2021/01/05 Python
薇诺娜官方网上商城:专注敏感肌肤
2017/05/25 全球购物
英国曼彻斯特宠物用品品牌:Bunty Pet Products
2019/07/27 全球购物
New Balance法国官方网站:购买鞋子和服装
2019/09/01 全球购物
俄罗斯苹果优质经销商商店:iPort
2020/05/27 全球购物
测绘工程系学生的自我评价
2013/11/30 职场文书
高中学生干部学习的自我评价
2014/02/21 职场文书
关于环保的建议书400字
2014/03/12 职场文书
党员公开承诺书和承诺事项
2014/03/25 职场文书
献爱心捐款倡议书
2014/05/14 职场文书
仓库管理员岗位职责
2015/02/03 职场文书
2015年乡镇平安建设工作总结
2015/05/13 职场文书