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实现锚点(Anchor)间平滑跳转
Sep 08 Javascript
海量经典的jQuery插件集合
Jan 12 Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
Oct 18 Javascript
浅谈 jQuery 事件源码定位问题
Jun 18 Javascript
js实现鼠标移动到图片产生遮罩效果
Oct 21 Javascript
ajax前台后台跨域请求处理方式
Feb 08 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
Nov 26 Javascript
Vue中CSS动画原理的实现
Feb 13 Javascript
详解Vue.directive 自定义指令
Mar 27 Javascript
node将geojson转shp返回给前端的实现方法
May 29 Javascript
微信小程序加载机制及运行机制图解
Nov 27 Javascript
vue+Element-ui实现登录注册表单
Nov 17 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
PHP3 safe_mode 失效漏洞
2006/10/09 PHP
php AJAX实例根据邮编自动完成地址信息
2008/11/23 PHP
PHP调试函数和日志记录函数分享
2015/01/31 PHP
PHP绕过open_basedir限制操作文件的方法
2018/06/10 PHP
laravel中的一些简单实用功能
2018/11/03 PHP
jquery放大镜效果超漂亮噢
2013/11/15 Javascript
JS获取地址栏参数的几种方法小结
2014/02/28 Javascript
PHP实现的各种中文编码转换类分享
2015/01/23 Javascript
浅谈javascript获取元素transform参数
2015/07/24 Javascript
jQuery代码性能优化的10种方法
2016/06/21 Javascript
ionic实现可滑动的tab选项卡切换效果
2020/04/15 Javascript
微信小程序 MD5加密登录密码详解及实例代码
2017/01/12 Javascript
Nodejs--post的公式详解
2017/04/29 NodeJs
JavaScript设计模式之模板方法模式原理与用法示例
2018/08/07 Javascript
koa2+vue实现登陆及登录状态判断
2019/08/15 Javascript
python将txt文件读入为np.array的方法
2018/10/30 Python
python爬取淘宝商品销量信息
2018/11/16 Python
Python注释、分支结构、循环结构、伪“选择结构”用法实例分析
2020/01/09 Python
使用 pytorch 创建神经网络拟合sin函数的实现
2020/02/24 Python
Keras中的两种模型:Sequential和Model用法
2020/06/27 Python
python对批量WAV音频进行等长分割的方法实现
2020/09/25 Python
css3中flex布局宽度不生效的解决
2020/12/09 HTML / CSS
跑鞋、网球鞋、网球拍、服装及装备:Holabird Sports
2016/09/19 全球购物
Lookfantastic日本官网:英国知名护肤、化妆品和头发护理购物网站
2018/04/21 全球购物
C,C++的几个面试题小集
2013/07/13 面试题
本科毕业生自我鉴定
2013/11/02 职场文书
小组口号大全
2014/06/09 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
甲乙双方合作协议书
2014/10/13 职场文书
大学生英文求职信范文
2015/03/19 职场文书
讲文明倡议书
2015/04/29 职场文书
优秀教师工作总结2015
2015/07/22 职场文书
未来,这5大方向都很适合创业
2019/07/22 职场文书
nginx里的rewrite跳转的实现
2021/03/31 Servers
CSS Transition通过改变Height实现展开收起元素
2021/08/07 HTML / CSS
SONY600GR,国产收音机厂商永远的痛
2022/04/05 无线电