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 设计模式 安全沙箱模式
Sep 24 Javascript
jQuery选择器全面总结
Jan 06 Javascript
Node.js中路径处理模块path详解
Nov 14 Javascript
如何实现星星评价(jquery.raty.js插件)
Dec 21 Javascript
基于JavaScript实现带缩略图的轮播效果
Jan 12 Javascript
老生常谈jacascript DOM节点获取
Apr 17 Javascript
基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解(附完整代码)
Nov 02 Javascript
微信小程序实现图片上传功能实例(前端+PHP后端)
Jan 10 Javascript
vue toggle做一个点击切换class(实例讲解)
Mar 13 Javascript
微信小程序实现日期格式化和倒计时
Nov 01 Javascript
微信小程序实现收货地址左滑删除
Nov 18 Javascript
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 jQuery
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
屏蔽浏览器缓存另类方法
2006/10/09 PHP
php中对2个数组相加的函数
2011/06/24 PHP
php中判断数组是一维,二维,还是多维的解决方法
2013/05/04 PHP
PHP自定义函数获取URL中一级域名的方法
2016/08/23 PHP
详解如何在云服务器上部署Laravel
2017/06/30 PHP
PHP获取对象属性的三种方法实例分析
2019/01/03 PHP
JQuery 1.4 中的Ajax问题
2010/01/23 Javascript
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路
2013/05/17 Javascript
JavaScript中使用typeof运算符需要注意的几个坑
2014/11/08 Javascript
JavaScript中的console.assert()函数介绍
2014/12/29 Javascript
Bootstrap框架动态生成Web页面文章内目录的方法
2016/05/12 Javascript
AngularJs解决跨域问题案例详解(简单方法)
2016/05/19 Javascript
AngularJS自定义服务与fliter的混合使用
2016/11/24 Javascript
JS 实现获取验证码 倒计时功能
2018/10/29 Javascript
Vue框架下引入ActiveX控件的问题解决
2019/03/25 Javascript
[40:03]RNG vs VG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python实现解析Bit Torrent种子文件内容的方法
2017/08/29 Python
python实现停车管理系统
2018/11/30 Python
在python中使用xlrd获取合并单元格的方法
2018/12/26 Python
python解析含有重复key的json方法
2019/01/22 Python
树莓派3 搭建 django 服务器的实例
2019/08/29 Python
python如何实现递归转非递归
2021/02/25 Python
is_file和file_exists效率比较
2021/03/14 PHP
美国CVS药店官网:CVS Pharmacy
2018/07/26 全球购物
Everlast官网:拳击、综合格斗和健身相关的体育用品
2020/08/03 全球购物
师范毕业生个人求职信
2013/12/09 职场文书
小学生班会演讲稿
2014/01/09 职场文书
商业房地产广告语
2014/03/13 职场文书
竞聘书格式及范文
2014/03/31 职场文书
《与朱元思书》的教学反思
2014/04/17 职场文书
保护地球的标语
2014/06/17 职场文书
医院我们的节日活动实施方案
2014/08/22 职场文书
奖学金发言稿(范文)
2019/08/21 职场文书
Python中常见的导入方式总结
2021/05/06 Python
python解析json数据
2022/04/29 Python
如何利用python实现Simhash算法
2022/06/28 Python