Skip to content

Instantly share code, notes, and snippets.

@ty0x2333

ty0x2333/StringGenerate.html

Created September 27, 2015 18:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ty0x2333/8af941caece4bf63b6a9 to your computer and use it in GitHub Desktop.
Save ty0x2333/8af941caece4bf63b6a9 to your computer and use it in GitHub Desktop.
Download ZIP
批量文本生成器(HTML)
Raw
StringGenerate.html
<html>
<head>
<title>String Generate</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#generate").click(function(){
console.clear();
console.log("clicked");
var start = parseInt($("#startWith").val());
var count = parseInt($("#numCount").val());
var variable = $("#variable").val();
var format = $("#format").val();
console.log("startNum: " + start);
console.log("numCount: " + count);
console.log("variable: " + variable);
console.log("Format: " + format);
var result = "";
for (var i = start; i < count + start; i++) {
var str = format;
result += str.replace(variable, i);
result += "\n";
}
$("#result").val(result);
});
});
</script>
</head>
<body>
<div class="container">
<div class="jumbotron" style="margin-top:20px;">
<h1>字符串生成器</h1>
<p>Create By luckytianyiyan@gmail.com</p>
<p>My Web Site: <a href="http://www.tianyiyan.com" target="_blank" >www.tianyiyan.com</a></p>
</div>
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="variable">Variable</label>
<input type="text" class="form-control" id="variable" placeholder="变量" value="{number}">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="startWith">StartWith</label>
<input type="number" class="form-control" id="startWith" placeholder="循环开始数字" value="0">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="numCount">Count</label>
<input type="number" class="form-control" id="numCount" placeholder="循环次数" value="10">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="format">Format</label>
<textarea class="form-control" id="format" placeholder="模板" value="10" cols="50" rows="5">{number}</textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="result">Result</label>
<textarea class="form-control" id="result" placeholder="结果" value="10" cols="50" rows="20"></textarea>
</div>
</div>
</div>
<br /><br />
<button class="btn btn-default" id="generate" type="button">Generate</button>
<br /><br />
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment