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优化技巧(文件瘦身篇)
Jan 28 Javascript
引入autocomplete组件时JS报未结束字符串常量错误
Mar 19 Javascript
详解如何较好的使用js
Dec 16 Javascript
JS全角与半角转化实例(分享)
Jul 04 Javascript
js学习总结_选项卡封装(实例讲解)
Jul 13 Javascript
jQuery实现广告条滚动效果
Aug 22 jQuery
VsCode插件整理(小结)
Sep 14 Javascript
jQuery进阶实践之利用最优雅的方式如何写ajax请求
Dec 20 jQuery
Vue 页面状态保持页面间数据传输的一种方法(推荐)
Nov 01 Javascript
vue 设置 input 为不可以编辑的实现方法
Sep 19 Javascript
js实现图片跟随鼠标移动效果
Oct 16 Javascript
微信小程序仿通讯录功能
Apr 09 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中的实现trim函数代码
2007/03/19 PHP
PHP+jQuery 注册模块的改进(三):更新到Smarty3.1
2014/10/14 PHP
php连接MSsql server的五种方法总结
2018/03/04 PHP
JS 强制设为首页的代码
2009/01/31 Javascript
javaScript 计算两个日期的天数相差(示例代码)
2013/12/27 Javascript
JavaScript对象数组的排序处理方法
2015/10/21 Javascript
jQuery zclip插件实现跨浏览器复制功能
2015/11/02 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
React学习笔记之列表渲染示例详解
2017/08/22 Javascript
bootstrap可编辑下拉框jquery.editable-select
2017/10/12 jQuery
vue环形进度条组件实例应用
2018/10/10 Javascript
vue中多个倒计时实现代码实例
2019/03/27 Javascript
Vue事件修饰符native、self示例详解
2019/07/09 Javascript
iview form清除校验状态的实现
2019/09/19 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
2019/09/21 jQuery
JQuery 实现文件下载的常用方法分析
2019/10/29 jQuery
原生jQuery实现只显示年份下拉框
2020/12/24 jQuery
Python迭代器和生成器介绍
2015/03/06 Python
Python的Django框架安装全攻略
2015/07/15 Python
Python中sort和sorted函数代码解析
2018/01/25 Python
使用Python实现租车计费系统的两种方法
2018/09/29 Python
python生成任意频率正弦波方式
2020/02/25 Python
Python3使用xlrd、xlwt处理Excel方法数据
2020/02/28 Python
pandas中ix的使用详细讲解
2020/03/09 Python
在脚本中单独使用django的ORM模型详解
2020/04/01 Python
设计师家具购买和委托在线市场:Viyet
2016/11/16 全球购物
美国购买和销售礼品卡平台:Raise
2017/01/13 全球购物
一份比较全的PHP面试题
2016/07/29 面试题
优秀团员个人的自我评价
2013/10/02 职场文书
优秀学生评语大全
2014/04/25 职场文书
大学三年计划书范文
2014/04/30 职场文书
资产运营委托书范本
2014/10/16 职场文书
2015年安全生产管理工作总结
2015/05/25 职场文书
销区经理年终述职报告模板
2019/11/28 职场文书
Python 数据科学 Matplotlib图库详解
2021/07/07 Python
Go Grpc Gateway兼容HTTP协议文档自动生成网关
2022/06/16 Golang