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 相关文章推荐
zeroclipboard复制到剪切板的flash
Aug 04 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
Apr 05 Javascript
javascript学习笔记(四)function函数部分
Sep 30 Javascript
jQuery中before()方法用法实例
Dec 25 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
Oct 16 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
Mar 13 Javascript
详解JS中的柯里化(currying)
Aug 17 Javascript
简述Angular 5 快速入门
Nov 04 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
Sep 11 Javascript
基于js Canvas实现二次贝塞尔曲线
Dec 25 Javascript
微信小程序中如何计算距离某个节日还有多少天
Jul 15 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
多重?l件?合查?(二)
2006/10/09 PHP
php 操作excel文件的方法小结
2009/12/31 PHP
PHP和Mysqlweb应用开发核心技术 第1部分 Php基础-3 代码组织和重用2
2011/07/03 PHP
php通过sort()函数给数组排序的方法
2015/03/18 PHP
递归实现php数组转xml的代码分享
2015/05/14 PHP
php数组函数array_key_exists()小结
2015/12/10 PHP
PHP使用ActiveMQ实例
2018/02/05 PHP
用javascript getComputedStyle获取和设置style的原理
2008/10/10 Javascript
超漂亮的jQuery图片轮播特效
2015/11/24 Javascript
js中scrollTop()方法和scroll()方法用法示例
2016/10/03 Javascript
JS实现表单验证功能(验证手机号是否存在,验证码倒计时)
2016/10/11 Javascript
JS switch判断 三目运算 while 及 属性操作代码
2017/09/03 Javascript
node.js用fs.rename强制重命名或移动文件夹的方法
2017/12/27 Javascript
vue 自动化路由实现代码
2019/09/03 Javascript
Nodejs使用archiver-zip-encrypted库加密压缩文件时报错(解决方案)
2019/11/18 NodeJs
JS运算符优先级与表达式示例详解
2020/09/04 Javascript
python 查找文件夹下所有文件 实现代码
2009/07/01 Python
python连接mysql调用存储过程示例
2014/03/05 Python
python输出指定月份日历的方法
2015/04/23 Python
python关键字and和or用法实例
2015/05/28 Python
使用paramiko远程执行命令、下发文件的实例
2017/10/01 Python
Python Opencv实现图像轮廓识别功能
2020/03/23 Python
python+numpy实现的基本矩阵操作示例
2019/07/19 Python
基于spring boot 日志(logback)报错的解决方式
2020/02/20 Python
深入浅析pycharm中 Make available to all projects的含义
2020/09/15 Python
基于HTML5+tracking.js实现刷脸支付功能
2020/04/16 HTML / CSS
成都思必达公司C#程序员招聘面试题
2013/06/26 面试题
国际会议邀请函范文
2014/01/16 职场文书
房屋买卖协议书
2014/04/10 职场文书
让世界充满爱演讲稿
2014/05/24 职场文书
大一工商管理职业生涯规划:有梦最美,行动相随
2014/09/18 职场文书
2014年标准化工作总结
2014/12/17 职场文书
毕业实习单位意见
2015/06/04 职场文书
JavaGUI模仿QQ聊天功能完整版
2021/07/04 Java/Android
优化Mysql查询的示例
2022/04/26 MySQL
SpringCloud超详细讲解Feign声明式服务调用
2022/06/21 Java/Android