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 相关文章推荐
前台js改变Session的值(用ajax实现)
Dec 28 Javascript
js实现杯子倒水问题自动求解程序
Mar 25 Javascript
javascript(js)的小数点乘法除法问题详解
Mar 07 Javascript
jQuery动态修改超链接地址的方法
Feb 13 Javascript
ajax+jQuery实现级联显示地址的方法
May 06 Javascript
ES6中非常实用的新特性介绍
Mar 10 Javascript
Vue自定义过滤器格式化数字三位加一逗号实现代码
Mar 23 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
Nov 30 Javascript
使用javascript做时间倒数读秒功能的实例
Jan 23 Javascript
详解小程序云开发数据库
May 20 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
Aug 06 Javascript
Javascript confirm多种使用方法解析
Sep 25 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 模板高级篇总结
2006/12/21 PHP
PHP开发规范手册之PHP代码规范详解
2011/01/13 PHP
提示Trying to clone an uncloneable object of class Imagic的解决
2011/10/27 PHP
PHP多文件上传类实例
2015/03/07 PHP
浅谈PHP的反射机制
2016/12/15 PHP
PHP7.3.10编译安装教程
2019/10/08 PHP
javascript 常用方法总结
2009/06/03 Javascript
javascript语言结构小记(一)
2011/09/10 Javascript
jquery时间下拉框小例子
2013/04/15 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
JS实现从表格中动态删除指定行的方法
2015/03/31 Javascript
jquery实现图片放大点击切换
2017/06/06 jQuery
原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果
2018/05/03 Javascript
Vue结合后台导入导出Excel问题详解
2019/02/19 Javascript
微信小程序发布新版本时自动提示用户更新的方法
2019/06/07 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
2019/09/11 Javascript
vue实现购物车加减
2020/05/30 Javascript
[01:28:43]2014 DOTA2华西杯精英邀请赛5 24 DK VS CIS
2014/05/25 DOTA
Python ORM框架SQLAlchemy学习笔记之数据查询实例
2014/06/10 Python
Python中的进程分支fork和exec详解
2015/04/11 Python
Python中的ctime()方法使用教程
2015/05/22 Python
解决python文件双击运行秒退的问题
2019/06/24 Python
Pandas_cum累积计算和rolling滚动计算的用法详解
2019/07/04 Python
Django 创建后台,配置sqlite3教程
2019/11/18 Python
在Python 的线程中运行协程的方法
2020/02/24 Python
python爬虫破解字体加密案例详解
2021/03/02 Python
html5新特性与用法大全
2018/09/13 HTML / CSS
以色列的身体护理及家居香薰品牌:Sabon NYC
2018/02/23 全球购物
简述你对Statement,PreparedStatement,CallableStatement的理解
2013/03/25 面试题
建筑人员岗位职责
2013/12/25 职场文书
文化建设工作方案
2014/05/12 职场文书
新闻学专业职业生涯规划范文:我的人生我做主
2014/09/12 职场文书
员工试用期自我评价
2014/09/18 职场文书
赔偿协议书
2015/01/27 职场文书
2015年五一劳动节活动总结
2015/02/09 职场文书
2015年村级财务管理制度
2015/08/04 职场文书