Javascript中倒计时时差效果的实现方法详解
程序员文章站
2024-01-07 17:05:28
...
这篇文章主要为大家详细介绍了Javascript实现倒计时时差效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了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> <p class="content1"> <p id="show">显示时间的位置</p> </p> </body> </html>
以上就是Javascript中倒计时时差效果的实现方法详解的详细内容,更多请关注其它相关文章!
推荐阅读
-
js实现横向百叶窗效果网页切换动画效果的方法_javascript技巧
-
js将iframe中控件的值传到主页面控件中的实现方法_javascript技巧
-
PPT中实现柔化边缘虚化等效果及马赛克复古等特效的方法
-
JavaScript 实现HTML DOM增删改查操作的常见方法详解
-
利用CSS3 animation动画属性实现轮播图效果的方法详解
-
js实现简单选项卡与自动切换效果的方法_javascript技巧
-
JS实现点击链接取消跳转效果的方法_javascript技巧
-
jQuery页面倒计时并刷新效果的实现方法
-
JavaScript中toString()方法的使用详解
-
JavaScript中的slice()方法使用详解