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 相关文章推荐
菜鸟学习JavaScript小实验之函数引用
Nov 17 Javascript
jquery实现带二级菜单的导航示例
Apr 28 Javascript
JavaScript实现网页截图功能
Oct 16 Javascript
js判断是否按下了Shift键的方法
Jan 27 Javascript
jquery 插件实现多行文本框[textarea]自动高度
Mar 04 Javascript
AngularJS 中的事件详解
Jul 28 Javascript
javascript 数组的正态分布排序的问题
Jul 31 Javascript
JS中静态页面实现微信分享功能
Feb 06 Javascript
AngularJS+Bootstrap3多级导航菜单的实现代码
Aug 16 Javascript
Node.js dgram模块实现UDP通信示例代码
Sep 26 Javascript
JavaScript 异步调用
Oct 25 Javascript
JSONP 的原理、理解 与 实例分析
May 16 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
php 什么是PEAR?(第二篇)
2009/03/19 PHP
php 函数使用方法与函数定义方法
2010/05/09 PHP
thinkphp实现图片上传功能
2016/01/13 PHP
php文件系统处理方法小结
2016/05/23 PHP
PHP数据库操作四:mongodb用法分析
2017/08/16 PHP
PHP的PDO大对象(LOBs)
2019/01/27 PHP
PHP时间函数使用详解
2019/03/21 PHP
Smarty模板变量与调节器实例详解
2019/07/20 PHP
document对象execCommand的command参数介绍
2006/08/01 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
2013/03/11 Javascript
JavaScript中window.showModalDialog()用法详解
2014/12/18 Javascript
详解javascript数组去重问题
2015/11/06 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
2015/11/17 Javascript
jQuery图片左右滚动代码 有左右按钮实例
2016/06/20 Javascript
jquery实现手机端单店铺购物车结算删除功能
2017/02/22 Javascript
Angular实现点击按钮控制隐藏和显示功能示例
2017/12/29 Javascript
js最简单的双向绑定实例讲解
2018/01/02 Javascript
element-ui循环显示radio控件信息的方法
2018/08/24 Javascript
微信小程序点击item使之滚动到屏幕中间位置
2020/03/25 Javascript
python使用range函数计算一组数和的方法
2015/05/07 Python
Python sys.argv用法实例
2015/05/28 Python
在Django中进行用户注册和邮箱验证的方法
2016/05/09 Python
python实现按关键字筛选日志文件
2019/12/24 Python
Python实现井字棋小游戏
2020/03/09 Python
python实现3D地图可视化
2020/03/25 Python
python读取excel数据绘制简单曲线图的完整步骤记录
2020/10/30 Python
python Matplotlib基础--如何添加文本和标注
2021/01/26 Python
Myprotein蛋白粉美国官网:欧洲畅销运动营养品牌
2016/11/15 全球购物
德国宠物用品、宠物食品及水族馆网上商店:ZooRoyal
2017/07/09 全球购物
HomeAway的巴西品牌:Alugue Temporada
2018/04/10 全球购物
英国最大的在线亚洲杂货店:Red Rickshaw
2020/03/22 全球购物
党员自我对照检查材料
2014/08/19 职场文书
乒乓球比赛通知
2015/04/27 职场文书
同学聚会致辞集锦
2015/07/28 职场文书
万能密码的SQL注入漏洞其PHP环境搭建及防御手段
2021/09/04 SQL Server
Win10多屏显示如何设置?Win10电脑多屏显示设置操作方法
2022/07/07 数码科技