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中string转date示例代码
Nov 01 Javascript
Js判断CSS文件加载完毕的具体实现
Jan 17 Javascript
javascript在网页中实现读取剪贴板粘贴截图功能
Jun 07 Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
Feb 27 Javascript
jQuery文字提示与图片提示效果实现方法
Jul 04 Javascript
JS仿百度自动下拉框模糊匹配提示
Jul 25 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
Sep 18 Javascript
基于MVC方式实现三级联动(JavaScript)
Jan 23 Javascript
详解用vue-cli来搭建vue项目和webpack
Apr 20 Javascript
bootstrap-Treeview实现级联勾选
Nov 23 Javascript
JS实现利用两个队列表示一个栈的方法
Dec 13 Javascript
微信小程序实现省市区三级地址选择
Jun 21 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 heredoc和phpwind的模板技术使用方法小结
2008/03/28 PHP
解决PHP在DOS命令行下却无法链接MySQL的技术笔记
2010/12/29 PHP
php对接java现实加签验签的实例
2016/11/25 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
JS 有名函数表达式全面解析
2010/03/19 Javascript
Javascript 通过json自动生成Dom的代码
2010/04/01 Javascript
ie7+背景透明文字不透明超级简单的实现方法
2014/01/17 Javascript
javascript + jquery实现定时修改文章标题
2014/03/19 Javascript
jQuery 删除或是清空某个HTML元素示例
2014/08/04 Javascript
Jquery 实现弹出层插件
2015/01/28 Javascript
JavaScript中继承用法实例分析
2015/05/16 Javascript
ECharts仪表盘实例代码(附源码下载)
2016/02/18 Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
2017/01/19 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
2018/05/06 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
2018/11/21 Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
2019/05/16 Javascript
浅谈Vue的响应式原理
2019/05/30 Javascript
小程序外卖订单界面的示例代码
2019/12/30 Javascript
vue $router和$route的区别详解
2020/12/02 Vue.js
[03:30]DOTA2完美“圣”典精彩集锦
2016/12/27 DOTA
用Python编写简单的定时器的方法
2015/05/02 Python
python利用rsa库做公钥解密的方法教程
2017/12/10 Python
Tornado高并发处理方法实例代码
2018/01/15 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
解决pytorch多GPU训练保存的模型,在单GPU环境下加载出错问题
2020/06/23 Python
python实现npy格式文件转换为txt文件操作
2020/07/01 Python
Pycharm无法打开双击没反应的问题及解决方案
2020/08/17 Python
css3 border-radius属性详解
2017/07/05 HTML / CSS
雅高酒店中国:Accorhotels.com China
2018/03/26 全球购物
保洁主管岗位职责
2013/11/20 职场文书
大学生专科学习生活的自我评价
2013/12/07 职场文书
单位消防安全制度
2014/01/12 职场文书
青春演讲稿范文
2014/05/08 职场文书
python常见的占位符总结及用法
2021/07/02 Python
Docker下安装Oracle19c
2022/04/13 Servers
TypeScript 内置高级类型编程示例
2022/09/23 Javascript