写一个后台自定义倒计时页面显示到毫秒,并且倒计时结束后跳转其他HTML页面的代码
时间: 2024-11-18 12:27:45 浏览: 5
js显示倒计时跳转页面
要在后台创建一个自定义倒计时页面并显示毫秒,并在倒计时结束时自动跳转到另一个HTML页面,你可以使用JavaScript结合服务器端语言如Node.js或PHP。这里是一个简单的示例,使用Node.js的Express框架和JavaScript:
首先安装必要的依赖:
```bash
npm install express express-session body-parser
```
然后创建一个名为`app.js`的文件,内容如下:
```javascript
const express = require('express');
const session = require('express-session');
const bodyParser = require('body-parser');
const http = require('http');
const app = express();
app.use(bodyParser.urlencoded({ extended: false }));
app.use(session({
secret: 'your-secret-key',
resave: false,
saveUninitialized: true,
}));
let countDownMilliseconds = 10000; // 设置倒计时的毫秒数
app.get('/timer', (req, res) => {
if (!req.session.countdownTimer) {
req.session.countdownTimer = countDownMilliseconds;
}
const remainingTime = req.session.countdownTimer;
if (remainingTime > 0) {
req.session.countdownTimer -= 1;
res.send(`<h1>剩余时间: ${remainingTime}ms</h1>`); // 显示倒计时到前端
} else {
req.session.countdownTimer = null;
// 倒计时结束,跳转到其他HTML页面
res.redirect('/redirect-page.html');
}
});
const server = http.createServer(app);
server.listen(3000, () => console.log('Server started on port 3000'));
```
在这个例子中,我们设置了一个会话变量`countdownTimer`存储倒计时的时间。每次请求`/timer`路由时,都会检查剩余时间并递减。当倒计时结束时,清除`countdownTimer`并发送一个重定向。
接着,你需要创建一个`redirect-page.html`文件作为倒计时结束后的目标页面。
注意替换`'your-secret-key'`为你自己的session秘钥。运行这个应用:
```bash
node app.js
```
然后在浏览器访问`http://localhost:3000/timer`开始倒计时。
阅读全文