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 相关文章推荐
js简单实现让文本框内容逐个字的显示出来
Oct 22 Javascript
javascript if条件判断方法小结
May 17 Javascript
Javascript中浮点数相乘的一个解决方法
Jun 03 Javascript
Javascript学习笔记之函数篇(四):arguments 对象
Nov 23 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
Mar 03 Javascript
微信开发 微信授权详解
Oct 21 Javascript
angular学习之从零搭建一个angular4.0项目
Jul 10 Javascript
面包屑导航详解
Dec 07 Javascript
jQuery中的$是什么意思及 $. 和 $().的区别
Apr 20 jQuery
Vue 全局loading组件实例详解
May 29 Javascript
构建大型 Vue.js 项目的10条建议(小结)
Nov 14 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
Jul 20 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
snoopy PHP版的网络客户端提供本地下载
2008/04/15 PHP
php中计算程序运行时间的类代码
2012/11/03 PHP
PHP autoload与spl_autoload自动加载机制的深入理解
2013/06/05 PHP
PHP面向对象精要总结
2014/11/07 PHP
win7系统配置php+Apache+mysql环境的方法
2015/08/21 PHP
PHP简单实现二维数组的矩阵转置操作示例
2017/11/24 PHP
php进程daemon化的正确实现方法
2018/09/06 PHP
php微信公众号开发之图片回复
2018/10/20 PHP
PHP进阶学习之类的自动加载机制原理分析
2019/06/18 PHP
准确获得页面、窗口高度及宽度的JS
2006/11/26 Javascript
Javascript 读书笔记索引贴
2010/01/11 Javascript
JS延时器提示框的应用实例代码解析
2016/04/27 Javascript
AngularJS入门教程之AngularJS 模板
2016/08/18 Javascript
js实现对table的增加行和删除行的操作方法
2016/10/13 Javascript
node.js入门教程之querystring模块的使用方法
2017/02/27 Javascript
基于vue.js实现侧边菜单栏
2017/03/20 Javascript
简单好用的nodejs 爬虫框架分享
2017/03/26 NodeJs
使用jQuery实现动态添加小广告
2017/07/11 jQuery
利用Angular2的Observables实现交互控制的方法
2018/12/27 Javascript
vue-cli3配置与跨域处理方法
2019/08/17 Javascript
LayUI数据接口返回实体封装的例子
2019/09/12 Javascript
js回调函数仿360开机
2019/12/26 Javascript
python使用scrapy解析js示例
2014/01/23 Python
python使用ctypes模块调用windowsapi获取系统版本示例
2014/04/17 Python
Python实现高效求解素数代码实例
2015/06/30 Python
Python中查看文件名和文件路径
2017/03/31 Python
使用Python和Scribus创建一个RGB立方体的方法
2019/07/17 Python
django-rest-swagger的优化使用方法
2019/08/29 Python
pycharm激活方法到2099年(激活流程)
2020/09/22 Python
Python通过format函数格式化显示值
2020/10/17 Python
数控技校生自我鉴定
2014/03/02 职场文书
教师师德考核自我评价
2014/09/13 职场文书
2014年预备党员端正入党动机思想汇报
2014/09/13 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
MySQL子查询中order by不生效问题的解决方法
2021/08/02 MySQL
分析SQL窗口函数之排名窗口函数
2022/04/21 Oracle