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 indexOf函数使用说明
Jul 03 Javascript
jquery ajax提交表单数据的两种实现方法
Apr 29 Javascript
javascript正则匹配汉字、数字、字母、下划线
Apr 10 Javascript
JavaScript使用indexOf获得子字符串在字符串中位置的方法
Apr 06 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
Jun 01 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
Aug 09 Javascript
jQuery实现的网格线绘制方法
Jun 20 Javascript
JavaScript 字符串常用操作小结(非常实用)
Nov 30 Javascript
解析Javascript单例模式概念与实例
Dec 05 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
Jul 13 Javascript
详解微信小程序获取当前时间及日期的方法
Apr 28 Javascript
vue项目中使用rem,在入口文件添加内容操作
Nov 11 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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
PHP实现变色验证码实例
2014/01/06 PHP
memcache一致性hash的php实现方法
2015/03/05 PHP
LAMP环境使用Composer安装Laravel的方法
2017/03/25 PHP
php工具型代码之印章抠图
2018/07/18 PHP
基于Jquery制作的幻灯片图集效果打包下载
2011/02/12 Javascript
Chrome Form多次提交表单问题的解决方法
2011/05/09 Javascript
TinyMCE提交AjaxForm获取不到数据的解决方法
2015/03/05 Javascript
JavaScript ParseFloat()方法
2015/12/18 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
2016/10/11 Javascript
Angular2使用jQuery的方法教程
2017/05/28 jQuery
使用Node.js搭建静态资源服务详细教程
2017/08/02 Javascript
浅谈express 中间件机制及实现原理
2017/08/31 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
2017/11/11 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
2018/06/27 Javascript
ionic2.0双击返回键退出应用
2019/09/17 Javascript
微信小程序实现图片翻转效果的实例代码
2019/09/20 Javascript
Vue项目环境搭建详细总结
2019/09/26 Javascript
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
2019/10/28 Javascript
webpack.DefinePlugin与cross-env区别详解
2020/02/23 Javascript
js实现电灯开关效果
2021/01/19 Javascript
[02:05]2014DOTA2西雅图邀请赛 老队长全明星大猜想谁不服就按进显示器
2014/07/08 DOTA
python基于multiprocessing的多进程创建方法
2015/06/04 Python
Python中的os.path路径模块中的操作方法总结
2016/07/07 Python
python画图系列之个性化显示x轴区段文字的实例
2018/12/13 Python
基于pytorch padding=SAME的解决方式
2020/02/18 Python
Python argparse模块使用方法解析
2020/02/20 Python
Python实现GIF图倒放
2020/07/16 Python
HTML5混合开发二维码扫描以及调用本地摄像头
2017/12/27 HTML / CSS
Roots加拿大官网:加拿大休闲服饰品牌
2016/10/24 全球购物
美国在线鞋类零售商:LifeStride
2019/06/09 全球购物
公司出纳岗位职责
2013/12/07 职场文书
董事长助理岗位职责
2014/02/18 职场文书
教师党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
2014年医务科工作总结
2014/12/18 职场文书
信仰纪录片观后感
2015/06/08 职场文书