资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
JS简单实用的倒计时效果实现代码
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>倒计时</title> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <style type="text/css"> *{ margin: 0; padding: 0; } ul,li{list-style: none;} #show_time{color: #f00;font-size: 24px;font-weight: bold;} </style> </head> <body> <div id="show_time"> </div> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20countdown()%7B%20%0D%0Avar%20show_time%20%3D%20document.getElementById(%22show_time%22)%3B%20%0D%0Aendtime%20%3D%20new%20Date(%2212%2F31%2F2012%2023%3A59%3A59%22)%3B%2F%2F%E7%BB%93%E6%9D%9F%E6%97%B6%E9%97%B4%20%0D%0Atoday%20%3D%20new%20Date()%3B%2F%2F%E5%BD%93%E5%89%8D%E6%97%B6%E9%97%B4%20%0D%0Adelta_T%20%3D%20endtime.getTime()%20-%20today.getTime()%3B%2F%2F%E6%97%B6%E9%97%B4%E9%97%B4%E9%9A%94%20%0D%0Aif(delta_T%20%3C%200)%7B%20%0D%0AclearInterval(auto)%3B%20%0D%0Ashow_time.innerHTML%20%3D%20%22%E5%80%92%E8%AE%A1%E6%97%B6%E5%B7%B2%E7%BB%8F%E7%BB%93%E6%9D%9F%22%3B%20%0D%0A%7D%20%0D%0Awindow.setTimeout(countdown%2C1000)%3B%20%0D%0Atotal_days%20%3D%20delta_T%2F(24*60*60*1000)%3B%2F%2F%E6%80%BB%E5%A4%A9%E6%95%B0%20%0D%0Atotal_show%20%3D%20Math.floor(total_days)%3B%2F%2F%E5%AE%9E%E9%99%85%E6%98%BE%E7%A4%BA%E7%9A%84%E5%A4%A9%E6%95%B0%20%0D%0Atotal_hours%20%3D%20(total_days%20-%20total_show)*24%3B%2F%2F%E5%89%A9%E4%BD%99%E5%B0%8F%E6%97%B6%20%0D%0Ahours_show%20%3D%20Math.floor(total_hours)%3B%2F%2F%E5%AE%9E%E9%99%85%E6%98%BE%E7%A4%BA%E7%9A%84%E5%B0%8F%E6%97%B6%E6%95%B0%20%0D%0Atotal_minutes%20%3D%20(total_hours%20-%20hours_show)*60%3B%2F%2F%E5%89%A9%E4%BD%99%E7%9A%84%E5%88%86%E9%92%9F%E6%95%B0%20%0D%0Aminutes_show%20%3D%20Math.floor(total_minutes)%3B%2F%2F%E5%AE%9E%E9%99%85%E6%98%BE%E7%A4%BA%E7%9A%84%E5%88%86%E9%92%9F%E6%95%B0%20%0D%0Atotal_seconds%20%3D%20(total_minutes%20-%20minutes_show)*60%3B%2F%2F%E5%89%A9%E4%BD%99%E7%9A%84%E5%88%86%E9%92%9F%E6%95%B0%20%0D%0Aseconds_show%20%3D%20Math.floor(total_seconds)%3B%2F%2F%E5%AE%9E%E9%99%85%E6%98%BE%E7%A4%BA%E7%9A%84%E7%A7%92%E6%95%B0%20%0D%0Ashow_time.innerHTML%20%3D%20%22%E8%B7%9D%E7%A6%BB%E7%BB%93%E6%9D%9F%E8%BF%98%E6%9C%89%3A%22%20%2B%20total_show%20%2B%20%22%E5%A4%A9%22%20%2B%20hours_show%20%2B%20%22%E6%97%B6%22%20%2B%20minutes_show%20%2B%20%22%E5%88%86%22%20%2B%20seconds_show%20%2B%20%22%E7%A7%92%22%3B%20%0D%0A%7D%20%0D%0Acountdown()%3B%20%0D%0A%3C%2Fscript%3E"> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程