純jsp實(shí)現(xiàn)的倒計(jì)時(shí)動態(tài)顯示效果完整代碼
更新時(shí)間:2015年10月30日 12:38:54 作者:5iasp
這篇文章主要介紹了純jsp實(shí)現(xiàn)的倒計(jì)時(shí)動態(tài)顯示效果代碼,涉及JSP時(shí)間操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了純jsp實(shí)現(xiàn)的倒計(jì)時(shí)動態(tài)顯示效果代碼。分享給大家供大家參考,具體如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<div id="showTimes"></div>
<%
long current_time=System.currentTimeMillis();
long end_time=1337875200000l;
long time=end_time-current_time;
%>
<script>
var second = <%= time / 1000%>; // 剩余秒數(shù)
// 寫一個(gè)方法,將秒數(shù)專為天數(shù)
var toDays = function(){
var s = second % 60; // 秒
var mi = (second - s) / 60 % 60; // 分鐘
var h = ((second - s) / 60 - mi ) / 60 % 24; // 小時(shí)
var d = (((second - s) / 60 - mi ) / 60 - h ) / 24 // 天
return "剩余:" + d + "天" + h + "小時(shí)" + mi + "分鐘" + s + "秒";
}
//然后寫一個(gè)定時(shí)器
window.setInterval(function(){
second --;
document.getElementById("showTimes").innerHTML = toDays ();
}, 1000);
</script>
希望本文所述對大家JSP程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- 微信支付H5調(diào)用支付詳解(java版)
- 微信公眾號支付H5調(diào)用支付解析
- 微信支付如何實(shí)現(xiàn)內(nèi)置瀏覽器的H5頁面支付
- js倒計(jì)時(shí)搶購實(shí)例
- js代碼實(shí)現(xiàn)點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)
- js實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼倒計(jì)時(shí)效果
- javascript同步服務(wù)器時(shí)間和同步倒計(jì)時(shí)小技巧
- JS自動倒計(jì)時(shí)30秒后按鈕才可用(兩種場景)
- 使用微信內(nèi)嵌H5網(wǎng)頁解決JS倒計(jì)時(shí)失效問題
相關(guān)文章
IIS6+TOMCAT整合,實(shí)戰(zhàn)實(shí)例!
IIS6+TOMCAT整合,實(shí)戰(zhàn)實(shí)例!...2007-02-02
詳解Spring Hibernate連接oracle數(shù)據(jù)庫的配置
這篇文章主要介紹了詳解Spring Hibernate連接oracle數(shù)據(jù)庫的配置的相關(guān)資料,需要的朋友可以參考下2017-06-06
完美解決jsp頁面在IE8下文本模式自動為(雜項(xiàng)Quirks)導(dǎo)致頁面顯示錯位
下面小編就為大家?guī)硪黄昝澜鉀Qjsp頁面在IE8下文本模式自動為(雜項(xiàng)Quirks)導(dǎo)致頁面顯示錯位。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
J2ME/J2EE實(shí)現(xiàn)用戶登錄交互 實(shí)現(xiàn)代碼
用手機(jī)客戶端進(jìn)行登錄服務(wù)器,然后返回消息進(jìn)行交互.2009-07-07
Java輸出系統(tǒng)當(dāng)前的日期(年月日時(shí)分秒毫秒)
當(dāng)前的日期輸出的方法有很多,本文為大家介紹下在java中是如何實(shí)現(xiàn)輸出年月日時(shí)分秒毫秒的,感興趣的朋友不妨參考下2013-09-09

