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 相关文章推荐
两个DIV等高的JS的实现代码
Dec 23 Javascript
jquery对单选框,多选框,文本框等常见操作小结
Jan 08 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
Feb 18 Javascript
jquery基础知识第一讲之认识jquery
Mar 17 Javascript
switch语句的妙用(必看篇)
Oct 03 Javascript
微信公众号开发 实现点击返回按钮就返回到聊天界面
Dec 15 Javascript
JS调用Android、Ios原生控件
Jan 06 Javascript
浅谈react受控组件与非受控组件(小结)
Feb 09 Javascript
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
详解如何使用微信小程序云函数发送短信验证码
Mar 13 Javascript
antd form表单数据回显操作
Nov 02 Javascript
用webAPI实现图片放大镜效果
Nov 23 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
使用TinyButStrong模板引擎来做WEB开发
2007/03/16 PHP
phpmyadmin里面导入sql语句格式的大量数据的方法
2010/06/05 PHP
PHP连接SQLServer2005的方法
2015/01/27 PHP
PHP Try-catch 语句使用技巧
2016/02/28 PHP
PHP自动补全表单的两种方法
2017/03/06 PHP
php-fpm添加service服务的例子
2018/04/27 PHP
jquery实现网站超链接和图片提示效果
2013/03/21 Javascript
jquery异步跨域访问代码
2013/06/28 Javascript
全面解析Bootstrap弹窗的实现方法
2015/12/01 Javascript
15个常用的jquery代码片段
2015/12/19 Javascript
jQuery简单获取键盘事件的方法
2016/01/22 Javascript
Javascript 调用 ActionScript 的简单方法
2016/09/22 Javascript
Bootstrap面板使用方法
2017/01/16 Javascript
js实现表格筛选功能
2017/01/18 Javascript
JS中如何实现点击a标签返回页面顶部的问题
2017/01/19 Javascript
使用jQuery 操作table 完成单元格合并的实例
2017/12/27 jQuery
webpack 开发和生产并行设置的方法
2018/11/08 Javascript
vuex实现购物车功能
2020/06/28 Javascript
[03:26]回顾2015国际邀请赛中国区预选赛
2015/06/09 DOTA
python下载文件时显示下载进度的方法
2015/04/02 Python
python spyder中读取txt为图片的方法
2018/04/27 Python
python 对给定可迭代集合统计出现频率,并排序的方法
2018/10/18 Python
Python实现的线性回归算法示例【附csv文件下载】
2018/12/29 Python
Python3实现定时任务的四种方式
2019/06/03 Python
详解python内置常用高阶函数(列出了5个常用的)
2020/02/21 Python
Python实现常见的几种加密算法(MD5,SHA-1,HMAC,DES/AES,RSA和ECC)
2020/05/09 Python
纯DOM+CSS3实现简单的小风车动画
2016/09/27 HTML / CSS
影视制作岗位职责
2013/12/04 职场文书
制药工程专业个人求职自荐信
2014/01/25 职场文书
服务行业演讲稿
2014/09/02 职场文书
党员对十八届四中全会的期盼思想汇报范文
2014/10/17 职场文书
学校端午节活动总结
2015/02/11 职场文书
业务员岗位职责范本
2015/04/03 职场文书
NodeJs内存占用过高的排查实战记录
2021/05/10 NodeJs
简单介绍Python的第三方库yaml
2021/06/18 Python
Java Spring Boot请求方式与请求映射过程分析
2022/06/25 Java/Android