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 相关文章推荐
读取input:file的路径并显示本地图片的方法
Sep 23 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
Dec 13 Javascript
简介JavaScript中valueOf()方法的使用
Jun 05 Javascript
微信js-sdk地理位置接口用法示例
Oct 12 Javascript
深入理解JS继承和原型链的问题
Dec 17 Javascript
基于JSONP原理解析(推荐)
Dec 04 Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
Sep 01 Javascript
javascript的this关键字详解
May 20 Javascript
Layui实现带查询条件的分页
Jul 27 Javascript
解决layui的radio属性或别的属性没显示出来的问题
Sep 26 Javascript
Vue防止白屏添加首屏动画的实例
Oct 31 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
Apr 22 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中获取内网用户MAC地址(WINDOWS/linux)的实现代码
2011/08/11 PHP
PHP编程基本语法快速入门手册
2016/01/07 PHP
利用php实现一周之内自动登录存储机制(cookie、session、localStorage)
2016/10/31 PHP
Ajax::prototype 源码解读
2007/01/22 Javascript
javascript 面向对象思想 附源码
2009/07/07 Javascript
JQuery 引发两次$(document.ready)事件
2010/01/15 Javascript
IE浏览器不支持getElementsByClassName的解决方法
2014/08/27 Javascript
JS实现当前页居中分页效果的方法
2015/06/18 Javascript
javascript中setAttribute()函数使用方法及兼容性
2015/07/19 Javascript
Jquery-1.9.1源码分析系列(十一)之DOM操作
2015/11/25 Javascript
常用原生JS兼容性写法汇总
2016/04/27 Javascript
jQuery简单入门示例之用户校验demo示例
2016/07/09 Javascript
基于JavaScript实现熔岩灯效果导航菜单
2017/01/04 Javascript
HTML中使背景图片自适应浏览器大小实例详解
2017/04/06 Javascript
用Fundebug插件记录网络请求异常的方法
2019/02/21 Javascript
解决layer.confirm快速点击会重复触发事件的问题
2019/09/23 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
2020/08/13 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
python实现网站的模拟登录
2016/01/04 Python
学生信息管理系统Python面向对象版
2019/01/30 Python
Django框架模板的使用方法示例
2019/05/25 Python
Django urls.py重构及参数传递详解
2019/07/23 Python
Python流程控制 if else实现解析
2019/09/02 Python
Python3 A*寻路算法实现方式
2019/12/24 Python
tensorflow模型转ncnn的操作方式
2020/05/25 Python
python3读取autocad图形文件.py实例
2020/06/05 Python
使用JS+CSS3技术:让你的名字动起来
2013/04/27 HTML / CSS
葡萄牙航空官方网站:TAP Air Portugal
2019/10/31 全球购物
数据库基础的一些面试题
2012/02/25 面试题
AURALog面试题软件测试方面
2013/10/22 面试题
群众路线剖析材料怎么写
2014/10/09 职场文书
防暑降温通知书
2015/04/27 职场文书
消防安全月活动总结
2015/05/08 职场文书
合作意向书怎么写
2019/06/24 职场文书
深入理解python多线程编程
2021/04/18 Python
JS前端canvas交互实现拖拽旋转及缩放示例
2022/08/05 Javascript