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面向对象编程(一) 实例代码
Jun 25 Javascript
jquery 操作日期、星期、元素的追加的实现代码
Feb 07 Javascript
二叉树的非递归后序遍历算法实例详解
Feb 07 Javascript
JavaScript简单表格编辑功能实现方法
Apr 16 Javascript
JS常用倒计时代码实例总结
Feb 07 Javascript
JavaScript字符串检索字符的方法
Jun 23 Javascript
javascript定时器取消定时器及优化方法
Jul 08 Javascript
javascript+html5+css3自定义弹出窗口效果
Oct 26 Javascript
浅谈vue引用静态资源需要注意的事项
Sep 28 Javascript
vuex页面刷新后数据丢失的方法
Jan 17 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
Aug 05 Javascript
VUE前端从后台请求过来的数据进行转换数据结构操作
Nov 11 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 fsockopen中多线程问题的解决办法[翻译]
2011/11/09 PHP
PHP获取中国时间(上海时区时间)及美国时间的方法
2017/02/23 PHP
PHP利用递归函数实现无限级分类的方法
2019/03/22 PHP
PHP-FPM 设置多pool及配置文件重写操作示例
2019/10/02 PHP
有关javascript的性能优化 (repaint和reflow)
2013/04/12 Javascript
9行javascript代码获取QQ群成员具体实现
2013/10/16 Javascript
JavaScript显示表单内元素数量的方法
2015/04/02 Javascript
js为什么不能正确处理小数运算?
2015/12/29 Javascript
带你了解session和cookie作用原理区别和用法
2017/08/14 Javascript
Node.js 使用流实现读写同步边读边写功能
2017/09/11 Javascript
node+express+ejs使用模版引擎做的一个示例demo
2017/09/18 Javascript
JavaScript中关于class的调用方法
2017/11/28 Javascript
javascript获取图片的top N主色值方法详解
2018/01/26 Javascript
通过npm或yarn自动生成vue组件的方法示例
2019/02/12 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
2019/07/19 Javascript
微信小程序实现锚点功能
2019/11/20 Javascript
react基本安装与测试示例
2020/04/27 Javascript
JS如何定义用字符串拼接的变量
2020/07/11 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
2020/12/02 Vue.js
[03:41]DOTA2上海特锦赛小组赛第三日recap精彩回顾
2016/02/28 DOTA
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
Python实现的tcp端口检测操作示例
2018/07/24 Python
python 读取dicom文件,生成info.txt和raw文件的方法
2019/01/24 Python
python实现小世界网络生成
2019/11/21 Python
利用Python实现字幕挂载(把字幕文件与视频合并)思路详解
2020/10/21 Python
如何利用python正则表达式匹配版本信息
2020/12/09 Python
澳大利亚领先的在线葡萄酒零售商:Get Wines Direct
2018/03/27 全球购物
美国领先的家庭健康检测试剂盒提供商:LetsGetChecked
2019/03/18 全球购物
ruby如何进行集成操作?Ruby能进行多重继承吗?
2013/10/16 面试题
简历中个人求职的自我评价模板
2013/11/29 职场文书
师范学院毕业生求职信范文
2013/12/26 职场文书
小学一年级学生评语
2014/04/22 职场文书
秋季校运会广播稿100字
2014/09/18 职场文书
幼儿园教师师德师风承诺书
2015/04/28 职场文书
Java实现经典游戏泡泡堂的示例代码
2022/04/04 Java/Android
Windows Server 2012 R2服务器安装与配置的完整步骤
2022/07/15 Servers