手机版

JavaScript实现秒杀时钟倒计时

时间:2021-08-19 来源:互联网 编辑:宝哥软件园 浏览:

本文实例为大家分享了Java脚本语言实现秒杀时钟倒计时的具体代码,供大家参考,具体内容如下

功能介绍:

1.时/分/秒倒计时直至为零

所有代码

!DOCTYPE html html head meta charset=' utf-8 '/title倒计时/title style type=' text/CSS ' * { margin :0;划水:0;} span { display : inline-block;宽度: 60px高度: 60px边界半径: 50%;背景:黑色;颜色:白色;font-size : 30px文本对齐:中心;线高: 60px} I {字体样式:正常;font-size : 20px}/style/head body span id=' hs ' 1/span I :/I span id=' ms ' 59/span I :/I span id=' ss ' 47/span/body/html脚本类型=' text/JavaScript '//倒计时定义变量计数=1;风险值计数器;函数倒计时(){ //调用Counter=setInterval(f,1000);}倒计时();//自运行//倒计时函数f(){ var hs=Number(文档。getelementbyid(' hs ').innerHTML);var ms=数字(文档。getelementbyid(' ms ').innerHTML);var ss=数字(文档。getelementbyid(' ss ').innerHTML);if(hs==0ms==0ss==0 | | ss60 | | ms60 | | hs24){ var hs=document。getelementbyid(' hs ').innerHTML=' 00var ms=document。getelementbyid(' ms ').innerHTML=' 00var ss=document。getelementbyid(' ss ').innerHTML=' 00清除间隔(计数器);console.log(计数);返回;} if(ss0){ ss-;document.getElementById('ss ').innerHTML=ss计数;} if(ss==0){ if(ms0){ ms-;document.getElementById('ms ').innerHTML=ms document . GetElementBYID(' ss ').innerHTML=59 } } if(ms==0){ if(hs0){ hs-;document.getElementById('hs ').innerHTML=hs document . getelementbyid(' ms ').innerHTML=59} } }/脚本更多Java脚本语言时钟特效点击查看:JavaScript时钟特效专题

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

版权声明:JavaScript实现秒杀时钟倒计时是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。