哄女票超简单程序代码（日常小惊喜）
生活随笔
收集整理的這篇文章主要介紹了
哄女票超简单程序代码（日常小惊喜）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
哄女票超簡單程序代碼（日常小驚喜）
做為一個程序員，平時沒什么時間陪女票，就想給女票一點驚喜，可惜不會唱歌、不會畫畫，就只能發揮特長，寫段小代碼逗女票開心（作為程序員，怎么可以沒有為女票寫過代碼呢，如果有女票的話……）
分享一段哄女票超簡單程序代碼，作為日常小驚喜，因為不想太花時間，也不想專門做一個復雜的網站，就用HTML簡單實現了頁面
大致功能：
一.前端展示
此段代碼是拷貝的，有其他好的模板可以替換掉
<!DOCTYPE html> <html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" /><style type="text/css">body{width: 100%;height: 100%;margin: 0;padding: 0;}body, .p1, .p2 {font-family: "Open Sans","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,Verdana,Tahoma,sans-serif;line-height: 24px;font-size: 20px;}.bg{background-image: url('https://ae01.alicdn.com/kf/Ha2a69c9d2f3e41078c9ce486c7a9a2cbZ.png');background-size: 100%;height: 736px;margin: 0 auto;float: none;}.avatar{padding: 294px 29px 120px 29px;}.avatar img{width: 99px;height: 99px;border-radius:100%;border: solid 5px rgba(255, 255, 255, 0.5);}.avatar #nan{float: left;}.avatar #nv{float: right;}.text-center{text-align: center;}.btn{color: #fff;font-size: 24px;padding: 10px 120px;border: 1px solid #f8f8f8;border-radius: 10px;}.btn:hover{background: #9B59B6; border: 0 none;color: #fff;}.btn:visited {color: #fff;border: 1px solid #f8f8f8;}.btn:active{background: #1BA1E2; border: 0 none;color: #fff;}</style></head><body><div class="layui-row"> <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 bg float-center"><div class="avatar"><img id="nan" src="http://q.qlogo.cn/headimg_dl?dst_uin=qq號&spec=100&t=944658359"><img id="nv" src="http://q.qlogo.cn/headimg_dl?dst_uin=qq號&spec=100&t=2271787566"></div><div class="text-center"><p>我們相戀了</p><p id="elapseClock"></p></div><div class="text-center" style="margin-top: 20px;height:20px;font:bold 18px 宋體;color:#DB70DB"><p id="rainbowWords">給寶貝兒的驚喜</p></div><div class="text-center" style="margin-top: 120px;"><a class="btn">甜蜜雙擊</a></div></div></div><script src="https://www.layuicdn.com/layui/layui.js"></script><script type="text/javascript" src="https://apis.map.qq.com/tools/geolocation/min?key=5VYBZ-G2KH3-BJ332-3NPKN-JUNNJ-ZHBQE&referer=優啟夢用戶探測"></script><script id="shadiao" src="https://chp.shadiao.app/api.php"></script><script src="jquery-1.7.1.js"></script><!--您的Layui代碼start--><script type="text/javascript">layui.use(['layer'], function() {var $ = layui.$,layer = layui.layer;$(document).ready(function() {layer.msg('歡迎來到我們的小窩！');var together = new Date();together.setFullYear(2019,7,12); //2019-8-12together.setHours(2); //小時 together.setMinutes(2); //分鐘together.setSeconds(0); //秒前一位together.setMilliseconds(0); //秒第二位timeElapse(together);setInterval(function () {timeElapse(together);}, 1000);$('.btn').click(function(event) {getRainbow();});});console.log(_DEFAULT_CITY);function timeElapse(date){var current = new Date();var seconds = (Date.parse(current) - Date.parse(date)) / 1000;var days = Math.floor(seconds / (3600 * 24));seconds = seconds % (3600 * 24);var hours = Math.floor(seconds / 3600);if (hours < 10) {hours = "0" + hours;}seconds = seconds % 3600;var minutes = Math.floor(seconds / 60);if (minutes < 10) {minutes = "0" + minutes;}seconds = seconds % 60;if (seconds < 10) {seconds = "0" + seconds;}var result = "<span class=\"digit\">" + days + "</span> 天 <span class=\"digit\">" + hours + "</span> 時 <span class=\"digit\">" + minutes + "</span> 分 <span class=\"digit\">" + seconds + "</span> 秒..."; $("#elapseClock").html(result);}function getRainbow(){var htmlobj=$.ajax({url:"rainbow.txt",async:false});var arr = htmlobj.responseText.split(/\r?\n/);var index = getRandom();handle(arr[index]);}function handle(data) {console.log(data);//alert(data.newslist[0].content);var words = '寶貝兒，我想對你說：'+data;$("#rainbowWords").html(words);//layer.msg(words);}function getRandom() {//x上限，y下限 var x = 10999;var y = 0;var rand = parseInt(Math.random() * (x - y + 1) + y);return rand;}});</script></body></html>二.彩虹屁API
有兩個免費的彩虹屁API
一個是沙雕的，官網：https://chp.shadiao.app/
沙雕彩虹屁
一個是天行的，官網：https://www.tianapi.com/apiview/181
天行彩虹屁
直接在前端調用這兩個方法，會存在跨域的問題，沙雕彩虹屁需要郵件申請前端調用的權限，天行彩虹屁在安卓上是OK的，但是在蘋果上就不行了……沙雕彩虹屁生成的好一些，天行的彩虹屁差一些
最終解決辦法
自己拉取彩虹屁，作為靜態數據，和html文件放在一起，jQuery讀取文件就好了。
有已經生成好的彩虹屁文本，直接下載就好了：
https://download.csdn.net/download/weixin_43751710/14962894
也可以自己手動拉取，下面是java代碼通過API拉取彩虹屁，生成txt文件。
import java.io.BufferedReader; import java.io.FileWriter; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURLConnection; import java.net.URL;public class RainBow {private static final String filePath = "G:\\彩虹屁\\rainbow.txt";public static void main(String[] args) {String url = "https://chp.shadiao.app/api.php?from=2271787566";for(int i = 0; i <= 10000; i++){String str = getURLContent(url);System.out.println(str);saveAsFileWriter(filePath,str);}}//parm：請求的url鏈接 返回的是json字符串public static String getURLContent(String urlStr) {//請求的urlURL url = null;//建立的http鏈接HttpURLConnection httpConn = null;//請求的輸入流BufferedReader in = null;//輸入流的緩沖StringBuffer sb = new StringBuffer();try{url = new URL(urlStr);in = new BufferedReader(new InputStreamReader(url.openStream(),"UTF-8") );String str = null;//一行一行進行讀入while((str = in.readLine()) != null) {sb.append( str );}} catch (Exception ex) {} finally{try{if(in!=null) {in.close(); //關閉流}}catch(IOException ex) {}}String result =sb.toString();return result;}/*** 保存到文件中* @param filePath* @param content*/private static void saveAsFileWriter(String filePath,String content) {content+="\r\n";FileWriter fwriter = null;try {// true表示不覆蓋原來的內容，而是加到文件的后面。若要覆蓋原來的內容，直接省略這個參數就好fwriter = new FileWriter(filePath, true);fwriter.write(content);} catch (IOException ex) {ex.printStackTrace();} finally {try {fwriter.flush();fwriter.close();} catch (IOException ex) {ex.printStackTrace();}}} }三.騰訊云靜態網站生成鏈接
具體是將自己的資源傳到騰訊云上，通過連接訪問自己的資源（比如自己寫的HTML頁面）就可以了。
1，騰訊云中搜索對象存儲
2、創建存儲桶，公有讀
3、上傳HTML文件
4、打開靜態網站
5、訪問鏈接
打開靜態網站后，會有如下界面，訪問圖中的鏈接即可
6、上傳自己的頁面/txt文件并訪問
最后，我們將第一大步寫的HTML頁面，以及第二大步生成的彩虹屁txt文件上傳就可以了
到這里就結束了，效果如下，頁面很丑……因為不是很懂前端，有時間的小伙伴可以自己找一些好看的模板，這里只是功能示例。
總結
以上是生活随笔為你收集整理的哄女票超简单程序代码（日常小惊喜）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： http --- 共享加密(对称加密)
- 下一篇： A-Frame WEB VR框架初体验