Javascript实现倒计时时差效果


Posted in Javascript onMay 18, 2017

本文实例为大家分享了js倒计时时差效果的实现代码,供大家参考,具体内容如下

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前系统时间</title>
<link rel="stylesheet" href="style.css" />
<script language="javascript" type="text/javascript">

 window.onload = function(){
 showTime();
 }
 function checkTime(i){ //补位处理
 if(i<10){
  i='0'+i;
 }
 return i;
 }
 function showTime(){
 var now=new Date();
 var year= now.getFullYear();
 var month= now.getMonth()+1;
 var day= now.getDate();
 var h= now.getHours();
 var m= now.getMinutes();
 var s= now.getSeconds();
 m=checkTime(m);
 s=checkTime(s);

 var weekday=new Array(7)
 weekday[0]="星期日"
 weekday[1]="星期一"
 weekday[2]="星期二"
 weekday[3]="星期三"
 weekday[4]="星期四"
 weekday[5]="星期五"
 weekday[6]="星期六"

 document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+ ? +h+":"+m+":"+s;
 t=setTimeout('showTime()',500)
 }

</script>
</head>
<body>
<div class="content1">
 <div id="show">显示时间的位置</div>
</div>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
innerHTML 和 getElementsByName 在IE下面的bug 的解决
Apr 09 Javascript
js获取通过ajax返回的map型的JSONArray的方法
Jan 09 Javascript
AngularJS基础知识
Dec 21 Javascript
JS模拟实现Select效果代码
Sep 24 Javascript
基于javascript实现表格的简单操作
May 21 Javascript
JavaScript实现公历转农历功能示例
Feb 13 Javascript
使用jQuery实现购物车结算功能
Aug 15 jQuery
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
Feb 01 Javascript
JS实现为动态创建的元素添加事件操作示例
Mar 17 Javascript
微信小程序tabbar底部导航
Nov 05 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 Javascript
vue用elementui写form表单时,在label里添加空格操作
Aug 13 Javascript
vue-cli webpack 开发环境跨域详解
May 18 #Javascript
JavaScript实现简单的星星评分效果
May 18 #Javascript
Javascript循环删除数组中元素的几种方法示例
May 18 #Javascript
Javascript实现信息滚动效果
May 18 #Javascript
详解Vue-cli 创建的项目如何跨域请求
May 18 #Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
May 18 #Javascript
BootStrap 导航条实例代码
May 18 #Javascript
You might like
关于Intype一些小问题的解决办法
2008/03/28 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
IE8 浏览器Cookie的处理
2009/01/31 Javascript
JQuery 图片延迟加载并等比缩放插件
2009/11/09 Javascript
jQuery EasyUI 开源插件套装 完全替代ExtJS
2010/03/24 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
2013/01/23 Javascript
JavaScript改变HTML元素的样式改变CSS及元素属性
2013/11/12 Javascript
JavaScript前补零操作实例
2015/03/11 Javascript
jQuery实现图片渐入渐出切换展示效果
2015/08/15 Javascript
VueJs组件prop验证简单介绍
2017/09/12 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
2018/02/11 Javascript
妙用缓存调用链实现JS方法的重载
2018/04/30 Javascript
vue用递归组件写树形控件的实例代码
2018/07/19 Javascript
vue-cli 3.x配置跨域代理的实现方法
2019/04/12 Javascript
javascript的this关键字详解
2019/05/20 Javascript
nodejs log4js 使用详解
2019/05/31 NodeJs
微信小程序点击view动态添加样式过程解析
2020/01/21 Javascript
jQuery 选择方法及$(this)用法实例分析
2020/05/19 jQuery
Vue切换Tab动态渲染组件的操作
2020/09/21 Javascript
elementUI同一页面展示多个Dialog的实现
2020/11/19 Javascript
Python装饰器使用实例:验证参数合法性
2015/06/24 Python
100行python代码实现跳一跳辅助程序
2018/01/15 Python
用Eclipse写python程序
2018/02/10 Python
Python使用Pickle库实现读写序列操作示例
2018/06/15 Python
Python绘制正余弦函数图像的方法
2018/08/28 Python
python实现简单flappy bird
2018/12/24 Python
使用python绘制温度变化雷达图
2019/10/18 Python
window环境pip切换国内源(pip安装异常缓慢的问题)
2019/12/31 Python
Pytorch在dataloader类中设置shuffle的随机数种子方式
2020/01/14 Python
python输出数学符号实例
2020/05/11 Python
论群众路线学习心得体会
2014/10/31 职场文书
成人成长感言如何写?
2019/08/16 职场文书
MySQL8.0.24版本Release Note的一些改进点
2021/04/22 MySQL
Python音乐爬虫完美绕过反爬
2021/08/30 Python
分析Python list操作为什么会错误
2021/11/17 Python
微信小程序结合ThinkPHP5授权登陆后获取手机号
2021/11/23 PHP