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 相关文章推荐
屏蔽script注入小例子
Nov 12 Javascript
jQuery中height()方法用法实例
Dec 24 Javascript
详谈javascript中DOM的基本属性
Feb 26 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
Apr 06 Javascript
uploadify多文件上传参数设置技巧
Nov 16 Javascript
jquery实现图片预加载
Dec 25 Javascript
javascript的函数劫持浅析
Sep 26 Javascript
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例
Dec 06 Javascript
微信小程序实现运动步数排行功能(可删除)
Jul 05 Javascript
vue项目打包部署到服务器的方法示例
Aug 27 Javascript
JavaScript 对引擎、运行时、调用堆栈的概述理解
Oct 22 Javascript
在Uni中使用Vue的EventBus总线机制操作
Jul 31 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
这部番真是良心,画质好到像风景区,剧情让人跟着小公会热血沸腾
2020/03/10 日漫
一个分页的论坛
2006/10/09 PHP
PHP如何得到当前页和上一页的地址?
2006/11/27 PHP
php session应用实例 登录验证
2009/03/16 PHP
一个php导出oracle库的php代码
2009/04/20 PHP
PHP批量采集下载美女图片的实现代码
2013/06/03 PHP
php画图实例
2014/11/05 PHP
Thinkphp实现站点静态化的方法详解
2017/03/21 PHP
Javascript类库的顶层对象名用户体验分析
2010/10/24 Javascript
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
2013/08/08 Javascript
js自动生成对象的属性示例代码
2013/10/28 Javascript
javascript读取xml实现javascript分页
2013/12/13 Javascript
JS实现根据出生年月计算年龄
2014/01/10 Javascript
JS创建自定义表格具体实现
2014/02/11 Javascript
js实现文本框输入文字个数限制代码
2015/12/25 Javascript
JavaScript实现带播放列表的音乐播放器实例分享
2016/03/07 Javascript
浅谈js中子页面父页面方法 变量相互调用
2016/08/04 Javascript
jQuery.parseHTML() 函数详解
2017/01/09 Javascript
JS逻辑运算符短路操作实例分析
2018/07/09 Javascript
Vue多组件仓库开发与发布详解
2019/02/28 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
[01:08:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS LGD-CDEC
2014/05/22 DOTA
python统计文本文件内单词数量的方法
2015/05/30 Python
python实现备份目录的方法
2015/08/03 Python
微信跳一跳python自动代码解读1.0
2018/01/12 Python
Python实现账号密码输错三次即锁定功能简单示例
2019/03/29 Python
详解Python的三种可变参数
2019/05/08 Python
详解Python图像处理库Pillow常用使用方法
2019/09/02 Python
详解mac python+selenium+Chrome 简单案例
2019/11/08 Python
python如何导入依赖包
2020/07/13 Python
德国知名健康零食网上商店:Seeberger
2017/07/27 全球购物
REISS美国官网:伦敦最受欢迎的时尚品牌
2019/08/16 全球购物
斯洛伐克香水和化妆品购物网站:Parfemy-Elnino.sk
2020/01/28 全球购物
销售团队获奖感言
2014/08/14 职场文书
java解析XML详解
2021/07/09 Java/Android
Windows Server 2016 配置 IIS 的详细步骤
2022/04/28 Servers