あのタイムリミットカウンター

javascript置き場 » あのタイムリミットカウンター

テンプレート変動型
http://shitake-crude-production.wikidot.com/javascript:devil/code/1

<html>
<head>
<style type="text/css">
@import url(http://scp-jp.wdfiles.com/local--files/japanese-syntax/scp-WikidotCss.css);
 
body {
  padding:0px;
  margin: 0px;
  height:1em;
background-color:transparent;
}
</style>
<script type="text/javascript">
var base;
 document.addEventListener( 'DOMContentLoaded',function() {
space = document.getElementById("page-content");
var time = decodeURI(window.location.href.split("#")[1]);
var year = time.substring(0,4);
var month = time.substring(4,6);
var day = time.substring(6,8);
var hour = time.substring(8,10);
var min = time.substring(10,12);
base = new Date(year+'-'+month+'-'+day+' '+hour+':'+min+':00').getTime();
getTime();});
function getTime(){
var today = new Date().getTime();
var late = today-base;
var pretype="";
var type = "経過";
if(late < 0){
late *= -1;
pretype="残り";
type = "";
}
var lsec = Math.floor(late/1000);
var lmin = Math.floor(lsec/60);
var lhour = Math.floor(lmin/60);
var lday = Math.floor(lhour/24);
 
var output = addDigit(lsec%60) + "秒"+type;
if(lmin > 0){
output = addDigit(lmin%60)+"分"+output;
if(lhour > 0){
output = addDigit(lhour%24)+"時間"+output;
if( lday > 0){
output = lday+"日"+output;
}
}
}
document.getElementById("page-content").innerHTML = pretype+output;
setTimeout(function(){getTime();},50);
function addDigit(num){
var strNum = String(num);
if(strNum.length < 2){
strNum = "0"+strNum;
}
return strNum;
}
 
}
</script>
</head>
<body>
<div id="page-content">
</div>
</body>
</html>

例:
基準日付: 2017年08月05日22時06分

[[iframe http://shitake-crude-production.wikidot.com/javascript:devil/code/1#201708052206 width="300" height="50" scrolling="no"]]

テンプレート固定型
http://shitake-crude-production.wikidot.com/javascript:devil/code/2

<html>
<head>
<style type="text/css">
@import url(http://scp-jp.wdfiles.com/local--files/japanese-syntax/scp-WikidotCss.css);
 
body {
  padding:0px;
  margin: 0px;
  height:1em;
background-color:transparent;
}
</style>
<script type="text/javascript">
var base;
 document.addEventListener( 'DOMContentLoaded',function() {
space = document.getElementById("page-content");
var time = decodeURI(window.location.href.split("#")[1]);
var year = time.substring(0,4);
var month = time.substring(4,6);
var day = time.substring(6,8);
var hour = time.substring(8,10);
var min = time.substring(10,12);
base = new Date(year+'-'+month+'-'+day+' '+hour+':'+min+':00').getTime();
getTime();});
function getTime(){
var today = new Date().getTime();
var late = today-base;
var pretype="";
var type = "経過";
if(late < 0){
late *= -1;
pretype="残り";
type = "";
}
 
var lsec = Math.floor(late/1000);
var lmin = Math.floor(lsec/60);
var lhour = Math.floor(lmin/60);
var lday = Math.floor(lhour/24);
 
var output = addDigit(lsec%60) + "秒"+type;
output = addDigit(lmin%60)+"分"+output;
output = addDigit(lhour%24)+"時間"+output;
output = lday+"日"+output;
 
document.getElementById("page-content").innerHTML = pretype+output;
setTimeout(function(){getTime();},50);
function addDigit(num){
var strNum = String(num);
if(strNum.length < 2){
strNum = "0"+strNum;
}
return strNum;
}
 
}
</script>
</head>
<body>
<div id="page-content">
</div>
</body>
</html>

基準日付: 2017年08月05日22時06分

[[iframe http://shitake-crude-production.wikidot.com/javascript:devil/code/2#201708052206 width="300" height="50" scrolling="no"]]

テンプレート固定型
http://shitake-crude-production.wikidot.com/javascript:devil/code/2

<html>
<head>
<style type="text/css">
@import url(http://scp-jp.wdfiles.com/local--files/japanese-syntax/scp-WikidotCss.css);
 
body {
  padding:0px;
  margin: 0px;
  height:1em;
background-color:transparent;
}
</style>
<script type="text/javascript">
var base;
var limit;
 document.addEventListener( 'DOMContentLoaded',function() {
space = document.getElementById("page-content");
var time = decodeURI(window.location.href.split("#")[1]);
var year = time.substring(0,4);
var month = time.substring(4,6);
var day = time.substring(6,8);
var hour = time.substring(8,10);
var min = time.substring(10,12);
base = new Date(year+'-'+month+'-'+day+' '+hour+':'+min+':00').getTime();
year = time.substring(12,16);
month = time.substring(16,18);
day = time.substring(18,20);
hour = time.substring(20,22);
min = time.substring(22,24);
limit = new Date(year+'-'+month+'-'+day+' '+hour+':'+min+':00').getTime();
limit -= base;
getTime();});
 
function getTime(){
var today = new Date().getTime();
today -= base;
 
var persentNum = Math.floor((today/limit)*10000) ;
persentNum /= 100;
if(persentNum > 100)persentNum = 100;
var persent = persentNum + "%";
 
document.getElementById("page-content").innerHTML = persent;
setTimeout(function(){getTime();},50);
 
}
</script>
</head>
<body>
<div id="page-content">
</div>
</body>
</html>

基準日付: 2017年07月05日22時06分
100%になる日: 2018年08月05日22時06分

[[iframe http://shitake-crude-production.wikidot.com/javascript:devil/code/3#201707052206201808052206 width="300" height="50" scrolling="no"]]

2038年1月19日3時14分まで

page revision: 29, last edited: 03 Mar 2020 12:22

Edit Rate (0) Tags Discuss History Files Print Site tools + Options

椎茸天然製造

Shitake Crude Production